Astuce optimisation SEO: code source et vidéo
La page que vous lisez est en partie compatible SEO avec l'astuce qui suit. Code source CSS/HTML affiché dans Dreamweaver (Adobe CC) en premier (fond gris), explications en deuxième (fond bleu). L'astuce concerne les lignes 27 à 32.
Le résultat de cette astuce apparaît sur l'écran quand j'appuie sur la touche F5 du clavier pour recharger ou rafraîchir la page.
À 6 secondes j'appuie sur F5 ensuite à 7 secondes le texte impression 3d de la ligne 29 (alt="impression 3d") est affiché c'est l'optimisation ou compatibilité SEO. Enfin, à 9 secondes l'image qui est dans le fichier effervecreanet_title.png a été transférée puis chargée et affichée. Et remplace ou cache le texte impression 3d cité plus haut.
C'est mon propre point de vue, mais le SEO ne mérite pas une telle abondance de littérature! Il serait plus rentable de parler du DNS Over HTTPS de google et ses blacklists Chrome. Si j'en parle c'est parce que cette optimisation a une crête UI/UX. Cette crête UI/UX est une amélioration du confort de l'utilisateur du site. Pendant un laps de temps, les yeux du visiteur et donc l'image que percoivent ses yeux est en cohérence avec la page en cours et la page précédente ou suivante. Mais cette astuce peut être utilisée de manière complétement incohérente ou sournoise.
Le clip d'exemple montre l'astuce avec un site statique. Le clip d'exemple suivant à couleur majoritaire vert montre l'astuce avec un site responsive ordi, design responsive desktop.
L'exemple responsive n'est pas parlant. Il ne concerne en effet qu'un seul affichage sur un seul écran. Si j'avais voulu montrer un exemple parlant il aurait fallu montrer la multitude d'affichages par les multitudes de terminaux. Parce que le responsive design ne peut s'expliquer que par son caractère unique et personnel à chaque terminal utilisateur. Une multitude d'affichages définis par une multitude de résolutions qui varient surtout selon les OS et les cartes graphiques.
Utilisée de manière sournoise, avec le mot clown (écris 3 fois) dans lequel chaque lettres ou caractères est encodés en UTF-8, voilà ce que cela donne.
*SEO: Search Engine Optimisation
*UI/UX: User Interface/User eXperience
*OS: Operating System (Windows, Android, Linux, ...)