web-dev-qa-db-fra.com

Comment "background: url (image.ext)" fonctionne-t-il du point de vue du référencement?

Pardonnez-moi si cela a été demandé, tout ce que j'ai trouvé était SEO: h1 avec texte vs h1 avec image bg et texte masqué qui n'était pas la même question.

Les moteurs de recherche choisiront-ils et indexeront-ils (dans leurs recherches d'images) des images insérées dans des sites Web en utilisant:

background: url(/images/filename.ext) no-repeat;

Et devrais-je inclure cette image dans mon sitemap XML ou les web-robots penseront-ils que c'est mensonger parce qu'il risque de ne pas trouver ladite image dans le balisage?

J'ai également implémenté Schema. Devrais-je utiliser le schéma itemprop='image' à l'intérieur de la div que je mets l'image en arrière-plan?

4
Ryan

Google ne traite pas le contenu CSS de la même manière que celui de la page

En règle générale, Google tente uniquement d'indexer le contenu réellement incorporé dans le contenu de la page associé à une balise appropriée telle que <img>. Vous pouvez toutefois essayer de forcer la main de Google en ajoutant le chemin de l'image d'arrière-plan dans un sitemap image .

Certaines balises de schéma nécessitent plus que l'élément standard prop

Un schéma valide implique le marquage du contenu réel, pas du contenu utilisé par un modèle. L'utilisation de l'image itemprop nécessite une annotation de l'URL que vous n'avez pas dans ce cas.

Les arrière-plans CSS ne sont pas considérés comme du contenu de page

Si vous tentez quelque chose qui ne devrait pas être fait pour diverses raisons, si le contenu est précieux pour vos utilisateurs, il est conseillé d’inclure le contenu dans les éléments conçus et non dans l’URL d’arrière-plan. Les éléments d'interface utilisateur généraux sont inutiles pour l'indexation dans la recherche d'images de Google. Si vous souhaitez que l'image soit indexée sans qu'il soit nécessaire de forcer la main de Google, vous pouvez procéder de plusieurs manières. Un exemple désordonné consisterait à utiliser position: corrigé parmi de nombreuses autres façons de le faire ... voyez mon désordre autour du violon = à titre d'exemple.

3
Simon Hayter