2009-10-15 6 views
1

Lors de la conception de ma page d'accueil, j'ai l'impression que tout le monde sait qu'il est mauvais d'avoir une seule grande image au centre qui donne tout le contenu. La "bonne" façon de le faire serait de découper la grande image mise en page en plusieurs petits arrière-plans et de faire en sorte que le texte utilise le format html standard avec des images de fond css pour la mise en page.Pourquoi est-il mauvais d'avoir une grande image comme page d'accueil?

Est-ce que la seule raison pour laquelle une grande image est une mauvaise raison SEO?

Répondre

17
  1. Un moteur de recherche n'a aucun sens.
  2. Une personne aveugle ou ayant une autre déficience visuelle ne peut pas comprendre le problème.
  3. Quelqu'un bloquant des images parce qu'il est sur un téléphone mobile avec un internet cher ne peut pas le comprendre.

Il y a quelques raisons :-)

aussi importante:

  1. Les changements ne sont pas faciles à fait entiers, des images pré-composited, à moins que vous avez toujours accès aux variantes en couches d'origine . Et j'espère qu'ils contiennent du texte, pas seulement des données de pixels. (Mentionné par d'autres avant déjà Crédits vont à pierre et Kendrick)
  2. Si vous utilisez des images de fond n'oubliez pas de définir un texte et une couleur de fond aussi. Sinon les personnes ne voyant aucune image pourraient avoir du mal à déchiffrer votre texte (noir sur noir n'est pas agréable à lire :-))

Vous pouvez toujours utiliser une grande image comme arrière-plan. La façon dont le texte est présenté ci-dessus est entièrement autre chose. En fait, découper l'image et assembler les pièces est douloureux en utilisant CSS aussi. Dans mon expérience, il est préférable de laisser les images de fond non coupées et de composer le reste de la mise en page au-dessus d'elles, en utilisant d'autres images ou arrière-plans si nécessaire. Cela vous donne un peu plus de flexibilité lorsque vous modifiez une mise en page.

7

Le référencement est un. L'accessibilité des personnes handicapées est un autre élément important - un lecteur d'écran ne peut généralement pas lire du texte dans une image. Le temps de chargement de la page en est un autre; un utilisateur avec une connexion lente ne verra rien d'utile pendant le chargement de l'image. Enfin, de nombreux navigateurs utilisent plusieurs connexions pour demander des ressources, telles que des images, afin de pouvoir les charger simultanément. S'il n'y a qu'une seule image, une seule connexion peut être utilisée.

2

Il est aussi mauvais pour l'accessibilité (les lecteurs d'écran, texte redimensionnement, différentes tailles de moniteur)

Il supprime également votre capacité à modifier facilement le contenu du texte.

Je ne le ferais certainement pas si vous êtes à la recherche d'un développeur web, mais si vous ne vous souciez vraiment pas de ce qui précède, vous ne serez pas le premier à le faire ...

5

La mise à jour sera fastidieuse; vous pouvez également ne plus compter sur de nombreux avantages de CSS.

+1

Quels seraient les avantages? Des résultats cohérents dans le rendu de la typographie et des mises en page complexes dans plusieurs navigateurs? Oh, attendez ... :-) – Joey

+0

+1 néanmoins. C'est un point valable :-) – Joey

+0

Plus pour la mise en page (accessibilité comme mentionné), les styles de site - beaucoup plus réalisable que de tout tirer, si tout ce que vous voulez faire est d'augmenter la marge de droite par exemple. – pierre

2

Je ne vois aucune raison d'utiliser l'image pour représenter quelque chose qui peut facilement être réalisé avec HTML et CSS.

Vous mettez en place un site Web pour permettre la communication entre vous et vos visiteurs. Images et Flash empêchent cela.

Généralement, vous concevez un site avec du HTML/CSS et du texte. Ce n'est que lorsque vous souhaitez ajouter une conception qui ne peut pas être exprimée avec des moyens standard, que vous utilisez des images. Mais que votre site se dégradent gracieusement pour ceux qui ne peuvent ou ne veulent pas voir des images. Laisser les images être un ajout, comme une version avancée, en aucun cas un remplacement du texte.

Questions connexes