Maintenance du code source des fêtes : Clinique de sites Web pour les organisations à but non lucratif

Mardi 21 décembre 2010

Publié à l’origine sur le
Google Grants Blog

À l’approche des fêtes de fin d’année, nous avons tous un peu de maintenance à effectuer. C’est précisément pourquoi nous avons voulu consacrer le deuxième article de notre
série de cliniques de sites
au nettoyage de votre code source. Tout au long de notre analyse des sites Web d’organisations à but non lucratif soumis, nous avons remarqué une certaine confusion quant au balisage HTML (ou aux balises) à utiliser et à l’endroit où le placer, ce qui peut avoir un impact significatif sur les utilisateurs et sur l’apparence de votre site Web sur la page des résultats de recherche.

Avant de décorer les salles, décorez vos <title>éléments

Sur tous les sites Web d’organisations à but non lucratif soumis, 27 % utilisaient mal leurs <title>
éléments, qui sont essentiels pour indiquer à la fois à Google et aux utilisateurs ce qui est important pour votre site Web. En règle générale, un moteur de recherche affichera environ 60 caractères de votre élément de titre ; c’est un espace précieux, vous devez donc l’utiliser ! Avant d’entrer dans le code réel, jetons d’abord un coup d’œil à la façon dont un excellent élément de titre provenant de l’un de nos sites soumis,
Sharp, apparaîtra sur la page des résultats de recherche :

Idéalement, un excellent <title> élément inclura le nom de l’organisation, ainsi qu’un slogan descriptif. Jetons un coup d’œil à quelques exemples soumis :

Si vous ne spécifiez pas de balise <title> , Google essaiera de créer un titre pour vous. Vous pouvez probablement faire mieux que notre meilleure estimation, alors foncez : prenez le contrôle de votre balise
<title> ! C’est une correction simple qui peut faire une énorme différence. L’utilisation de balises
<title> spécifiques pour vos URL plus profondes est également importante, et nous aborderons ce sujet dans notre prochain article de la clinique de sites.

Gardez un œil sur votre description meta balises

Description meta balises
n’étaient pas utilisées à leur plein potentiel dans 54 % des sites soumis. Ces balises sont souvent utilisées pour remplir l’extrait de deux lignes fourni aux utilisateurs dans la page des résultats de recherche. Avec un extrait solide, vous pouvez enthousiasmer vos lecteurs potentiels et les préparer à en savoir plus sur votre organisation. Jetons un autre coup d’œil à un bon exemple parmi les sites soumis,
Tales of Aussie Rescue:

Si la description meta les balises sont absentes ou non pertinentes, un extrait sera choisi automatiquement dans le contenu de la page. Si vous avez de la chance et qu’un bon extrait est sélectionné automatiquement, gardez à l’esprit que les moteurs de recherche varient dans la manière dont ils sélectionnent les extraits, il est donc préférable de garder les choses cohérentes et pertinentes en écrivant une description solide meta balise.

Gardez vos <h> éléments à leur place

Une autre correction rapide consiste à s’assurer que votre site Web fait bon usage des balises d’en-tête. Dans notre étude sur les organisations à but non lucratif, près de 19 % des sites soumis présentaient des marges d’amélioration en matière d’éléments d’en-tête. Le problème le plus courant dans les balises d’en-tête était la tendance à initier les en-têtes avec une balise <h2> ou <h3> sans inclure de balise
<h1> , probablement pour des raisons esthétiques.

Les en-têtes vous donnent l’opportunité de dire à la fois à Google et aux utilisateurs ce qui est important pour vous et votre site Web. Plus le chiffre sur votre balise d’en-tête est bas, plus le texte est important aux yeux de Google et de vos utilisateurs. Profitez de cette balise <h1> ! Si vous n’aimez pas l’apparence visuelle d’une balise <h1> , vous pouvez toujours modifier son apparence dans votre CSS.

Utilisez du texte alternatif pour les images

Tout le monde est toujours fier d’afficher ses photos de famille à la période des fêtes, mais n’oubliez pas de nous dire de quoi il s’agit. Plus de 37 % des sites analysés n’utilisaient pas correctement l’attribut alt de l’image. S’il est utilisé correctement, cet attribut peut :

• Aider Google à comprendre ce qu’est votre image
• Permettre aux utilisateurs sur des navigateurs textuels, ayant des problèmes d’accessibilité ou sur des appareils limités de comprendre vos images

Gardez à l’esprit qu’un texte alternatif riche et descriptif est la clé ici. Jetons un autre coup d’œil à certains de nos sites soumis et à leur utilisation de l’attribut alt :

Un petit lèche-vitrine pour vos résolutions du Nouvel An

Google propose d’excellentes ressources pour approfondir les meilleures pratiques de votre code source. Pour
commencer, vous pouvez utiliser notre
HTML Suggestion Tool
dans Webmaster Tools. De plus, c’est toujours une bonne pratique de rendre votre site
accessible à tous les visiteurs.

Publié par Alexi Douvas et Jen Lee, Search Quality Team
Contributeurs : Aditya Goradia, Brandon Falls, Charlene Perez, Diara Dankert, Michael Wyszomierski,
et Nelson Bradley