Comment optimiser les images pour le référencement

Lorsque vous incluez des photos, des vidéos, ou d'autres éléments non textuels dans votre site, vous avez besoin de les décrire dans le texte qui l'entoure à des fins de référencement. Ceci est la clé de l'optimisation de vos éléments multimédia afin que les moteurs de recherche savent ce qu'ils font. Spiders des moteurs de recherche ne peut pas regarder une vidéo ou voir une image précise encore, bien qu'ils y travaillent. Vous devez donc expliquer l'image, une vidéo, ou tout autre élément non-texte à l'aide de mots.

Sommaire

  • Nommer les images
  • Manipulation taille de l'image

Pour les images (JPEG, GIF, et d'autres types de fichiers image), vous avez plusieurs endroits où vous pouvez mettre un texte descriptif que les moteurs de recherche peuvent lire. Vous pouvez vous référer à ce que l'image est d'environ dans les endroits suivants:

  • Texte entourant l'élément: Inclure un texte descriptif soit au-dessus, en dessous ou à côté de l'image, une vidéo, ou tout autre élément non textuel. Une légende ou une phrase d'introduction qui explique ce que l'image montre bien œuvres. Cela donne texte moteur de recherche d'araignées ils peuvent lire et de l'indice, mais il contribue également à communiquer votre sens destiné aux utilisateurs.

  • Nom de fichier: Les noms de fichiers de votre image, de la vidéo et d'autres types de fichiers multimédias devraient contenir des mots réels.

  • Alt attribut: Vous pouvez aussi mettre bref texte descriptif dans le Alt attribut attaché à une image. Par example, alt =1968 Ford Mustang California Gas Cap spécial.

Nommer les images

Parce que les gens et les moteurs de recherche vont lire vos noms de fichiers, veillez à utiliser de bons mots descriptifs, lorsque vous nommez votre image, vidéo, et d'autres types de fichiers multimédia. Voici une autre occasion de fournir un contenu lisible pour les araignées. Au lieu de nommer votre image A1234.jpg, appel qui photo d'un skieur tombant sur son visage skieur-faceplant.jpg afin que les moteurs de recherche savent ce qu'il est, aussi.




Pour séparer les mots, ne pas utiliser un espace ou un trait de soulignement. Au lieu de cela, utilisez un trait d'union ou une période pour séparer les mots dans vos noms de fichiers. Mais essayez de ne pas non plus abuser - juste parce que vous pouvez avoir beaucoup de traits dans une URL ne signifie pas que vous devriez.

Aussi, gardez brève noms de fichiers. Rappelez-vous que les noms de fichiers causent des URL longues pour obtenir plus, trop (comme si un de vos images obtient retourné dans une recherche d'image). Parce que les gens évitent généralement cliquant URL longues, garder vos noms d'une longueur raisonnable. Six mots dans un nom de fichier seraient généralement trop.

Keep it simple: Une image d'une Ford Mustang avec une aile bosselée ne devrait pas être appelé ford mustang--avec-un-bosselé-fender.jpg, simplement l'appeler cabossé-ford-mustang.jpg ou mustang-bosselé-fender.jpg. Vous aurez sur la page du texte et Alt attributs d'expliquer aux moteurs ce que le contenu de l'image est.

Manipulation taille de l'image

Une question de taille, surtout quand il vient à images. Voici quelques recommandations pour le redimensionnement de vos images et de leurs attributs alt.

Alt longueur d'attribut

Vous voulez écrire un texte descriptif autour des images et dans leur Alt attributs. Mais combien de texte que vous utilisez dépend de la taille de votre image. Par exemple, si vous avez une photo 50 x 70-pixel du visage d'un écrivain à côté d'un article, il est suffisant de simplement mettre le nom de la personne dans la légende. Vous pourriez inclure une description plus ses lettres de créance à la copie signature, mais vous auriez pas besoin de tout un paragraphe de texte sous-titrage d'une petite image de ce genre.

D'autre part, les grandes photos devraient avoir de plus longues descriptions textuelles. Si l'image est suffisamment important pour prendre beaucoup d'espace à l'écran, il est assez important de dire les moteurs de recherche environ. Expliquer l'image avec au moins une phrase du texte.

Dimensions de l'image

Si les images aident à engager vos utilisateurs, de grandes photos peuvent les satisfaire encore plus. Si vous êtes offrant de très grandes images, vous voudrez peut-être de les mettre sur une page séparée de sorte que seuls les utilisateurs qui veulent vraiment voir la vue pleine grandeur ont à attendre pour eux à afficher. Cependant, vous ne voulez pas que les moteurs de recherche pour manquer le fait que cette image fait partie du contenu de votre page, et non pas une page sans rapport séparé.

Pour garder connexe, vous pouvez montrer un thumbnail ou une petite version de l'image sur votre page d'origine, avec un texte de description, Alt les attributs et les œuvres. Ensuite, si un utilisateur clique pour voir l'image en taille réelle dans une fenêtre séparée, envisager d'inclure une description de texte, là aussi - mais certainement lui donner un Alt attribut et le nom qui décrit ce qui est dans l'image.

Lors de l'écriture Alt attributs pour les images, font la longueur proportionnelle à la taille de l'image à l'écran. Créer une brève Alt attribuer pour une petite image, et plus longs pour les grandes images. En règle générale, essayer de faire en sorte que Alt le contenu ne dépasse pas 12 mots.

Taille de l'image pour mobile

Quelqu'un qui visite votre site web sur un smartphone ne veut pas attendre longtemps pour votre page à afficher. Une seconde est tout le temps que vous avez à montrer au moins la partie supérieure de la page avant que l'utilisateur décide de votre site est pas mobile convivial.

La vitesse du site lente peut être causée par beaucoup de choses, mais les fichiers d'image de graisse sont un coupable commun. Vous voulez faire les dimensions d'une image rétrécissent afin qu'il tienne sur un écran de smartphone, et les webmasters ont plusieurs tours dans leurs manches pour le faire (en incluant conception-sensibles en utilisant javascript, qui est une langue- de codage et la hauteur spécifier et les attributs largeur la balise d'image).

Cependant, serrant tout simplement une grande image pour l'adapter une disposition plus petite peut causer votre page pour charger trop lentement, ce qui peut être aggravée par une page web image lourde. Voilà parce que changer la taille d'affichage ne réduit pas la taille du fichier image qui est envoyé, parfois à travers les connexions à faible bande passante, vers l'appareil mobile d'une personne. Ainsi, non seulement vous voulez vos images à l'air bien, vous aussi leur permet de télécharger rapidement.

Optimisation de l'image pour mobile devrait impliquer la réduction de la quantité de données en réduisant la taille du fichier de l'image, et pas seulement ses dimensions. Ceci peut être réalisé avec diverses techniques de conception de bande comprenant compression d'image, javascript et / ou l'HTML5 élément.