{"id":267,"date":"2024-08-29T10:24:08","date_gmt":"2024-08-29T08:24:08","guid":{"rendered":"https:\/\/toolbox.xavier-dhoosche.fr\/?p=267"},"modified":"2024-09-09T12:12:16","modified_gmt":"2024-09-09T10:12:16","slug":"seo","status":"publish","type":"post","link":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/2024\/08\/29\/seo\/","title":{"rendered":"SEO BASICS"},"content":{"rendered":"\n

SEO gratuit, les autres payants
les tips exp\u00e9rience
texte alternatif le plus important balise halte
attention IA peut changer la donne
double attaque r\u00e9f\u00e9rencement et accessibilit\u00e9
titre moins important
exif ont du mal \u00e0 remonter
description de moins en moins important
image d\u00e9corative c’est quoi
image de fond dans le code cela ne remonte pas balise alt pas d’importance
image mise en avant consid\u00e9r\u00e9e comme image de sens
description personnalis\u00e9e a utiliser sur le widget

Fichier image
pas important quand boutique en ligne mais quand site simple tout compte
on utilise le tiret plut\u00f4t que l’Under score
inclure des titre pertinents
10 mots cl\u00e9 maximum 5,6 en moyenne
utiliser des synonymes pour \u00e9viter le google bombing
Varier aussi l’ordre des mots
utiliser IA pour changer l’ordre
Utiliser le widget Media file renamer pour renomer les fichiers
attention le mode pr\u00e9sentation liste sur la biblioth&que de m\u00e9dia
attention ne pas oublier l’extension
pr\u00e9parer en amont le changment de nom et le remplacement de la balise alt rajouter vignettes
rajouter le nom du fichier original si plusieurs tailles pour une m\u00eame photo
une balise alt est constitu\u00e9 d’une phrase <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n

Les URL
particpe au ref\u00e9rencement pas trop long<\/p>\n\n\n\n

slug: url du lien c’est comme cela que l’on change l’url attention pas deux fois le m\u00eame nom
titre important car balise H1 \u00e9viter de mettre plusieurs H1
renommer tous les slug m\u00eame si il n’apparaisse pas

r\u00e9glages permalink titre de la publication pour que le slug appariasse

titre et slogan du site
Tag line important renseigner si il n’apparait pas participe au r\u00e9f\u00e9rencement
titre du site \u00e0 renseigner idem

diff\u00e9rence entre \u00eatre bien r\u00e9f\u00e9renc\u00e9 (1er) et bien index\u00e9 le contenu texte est important
svg pas de balise alt id\u00e9al pour les icones qui n’ont pas besoin d\u00eatre r\u00e9f\u00e9renc\u00e9 sinon png<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n


Acte II
Am\u00e9lioration du site
par ordre d’impact
google page speed insights (indicateur) site rentrer nom d’un site
est-ce que notre site s’affiche suffisament rapidement score mobile, score bureau target 75 bureau mobile 50
Interpr\u00e9tation
Moteur WP int\u00e9ressant en revanche \u00e9l\u00e9mentor plombe elementor kits alourdie aussi rajoute des lignes de code. N’utiliser que les extension qui sont utile et les extensions natives. Le seul builder qui r\u00e9fl\u00e9chi au \u00e9l\u00e9ment de performances c’est \u00e9l\u00e9mentor. C’est les extensions que l’on utilise qui plombe le score.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

T\u00e9lecharger cet extension pour avoir une capture enti\u00e8re de la page<\/p>\n\n\n\n



<\/p>\n\n\n\n

pour am\u00e9liorer picto en svg bien r\u00e9garder les kio que l’on peut gagner attention photo en jpeg et illustration en png mais surtout utiliser le webp attention ne pas oublier les conformations utliser stat counter pour voir la definition la plus grande actuel et bien penser \u00e0 la taille qui s’affiche sur le viewport.
prendre en consid\u00e9ration la r\u00e9solution du t\u00e9l\u00e9phone portable attention portable facteur de redimensionnement en g\u00e9n\u00e9ral 3 CSS pixel ratio
Donc sortir des images \u00e0 la bonne taille. Sauf la premi\u00e8re photo ont peut la faire d\u00e9passer un peu.
Plugin officiel (webpshop) \u00e0 t\u00e9l\u00e9charger pour avoir la fonction pr\u00e9view en enregistrant avec le webp
Partir du master et exporter en webP c’est le mieux sinon on peut partir de l’export.<\/p>\n\n\n\n

Sur PC<\/p>\n\n\n\n

webpshop github

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Tifani<\/p>\n\n\n\n

Tifani dit:C:\\Program Files\\Common Files\\Adobe\\Plug-Ins\\CC<\/p>\n\n\n\n

glisser le fichier \u00e0 cot\u00e9 de file format<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Ouvrir photoshop fichier>enregistrer une copie activer preview
outil automatique disponible si on a pas le temps<\/p>\n\n\n\n

cas particulier SEO
diff\u00e9rence page d’accueil et page d’atterrissage
page d’atterrissage pages \u00e9ph\u00e9m\u00e8re cr\u00e9\u00e9e sp\u00e9cifiquement pour des utilisateurs en vue d’une promo en g\u00e9n\u00e9ral proche de la page d’accueil page satellite du site mais qui n’est pas pr\u00e9sente dans le menu. Google la consid\u00e9re comme du contenu dupliqu\u00e9 donc il la d\u00e9grade (google bombing) canonicit\u00e9 d’une page. Une page canon.
<\/p>\n\n\n\n

Lors d\u2019une action de communication, on peut cr\u00e9er une page sp\u00e9cifique appel\u00e9e page d\u2019atterrissage ou landing page, qui utilise des informations d\u00e9j\u00e0 pr\u00e9sentes sur le site. Cette page pr\u00e9sente le produit de mani\u00e8re personnalis\u00e9e par rapport \u00e0 la campagne de communication, en proposant par exemple une r\u00e9duction exclusive aux utilisateurs qui ont cliqu\u00e9 sur le lien contenu dans un email dont ils \u00e9taient destinataires. Aucun lien du site ne pointe directement vers cette page d\u2019atterrissage.<\/p>\n\n\n\n

La balise canonical indique que les deux pages traitent du m\u00eame sujet, mais l’une est l’originale et l’autre est une page satellite traitant du m\u00eame sujet, sans vocation \u00e0 \u00eatre une page navigable \u00e0 part enti\u00e8re sur le site, mais une page d\u2019atterrissage consacr\u00e9e \u00e0 une action de communication \u00e9ph\u00e9m\u00e8re.<\/p>\n\n\n\n

Pour ce faire, il suffit de d\u00e9clarer la canonicit\u00e9 de la page officielle sur les deux pages. En code, dans la section <head> (\u00e0 ne pas confondre avec le header) sur les deux pages : html Copier le code <link rel=\u00a0\u00bbcanonical\u00a0\u00bb href=\u00a0\u00bbhttps:\/\/www.exemple.com\/produit<\/a>\u00ab\u00a0><\/p>\n\n\n\n

On augmente l’autorit\u00e9 de la page canonique<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

page d’origine haute autorit\u00e9 (page d’accueil) page de pub autorit\u00e9 moindre (page d’atterrissage)<\/p>\n\n\n\n

page d’atterrissage souvent li\u00e9 \u00e0 un mail de pub li\u00e9 \u00e0 un call to action<\/p>\n\n\n\n

Yoast SEO permet de d\u00e9clarer la canonicit\u00e9 d’une page possibilit\u00e9 de cr\u00e9er cet exemple pour la certification. Si un jour on fait une landing pages on a besoin de Yeost SEO.<\/p>\n\n\n\n

extension int\u00e9ressante pour r\u00e9f\u00e9rencement
ne jamais installer des extensions pirat\u00e9s
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Le meilleur comme optimzer bas\u00e9 sur le cache (construction du code li\u00e9e \u00e0 l’utilisation dynamique) les plug in font une photo du code et lorsque l’on est sur le site il utilise la photo. 300\u20ac\/an<\/p>\n\n\n\n

Phoenix Media Rename pour renommer les photos<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

optimisation du site mais aussi de la base de donn\u00e9es gratuit<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

gratuit fonction asyncrone<\/p>\n\n\n\n

<\/p>\n\n\n\n

certains site sont plus adapt\u00e9 que d’autres en fonction des extensions install\u00e9s<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

wp optimize
cocher
activer le cache
g\u00e9n\u00e9rer des fichier distinct pour les mobile
activer la minification activer tout<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Parfois activer la fusion des fichiers css rajoute des bugs<\/p>\n\n\n\n

toujours pr\u00e9f\u00e9r\u00e9 l’affichage du cache<\/p>\n\n\n\n

OVH<\/p>\n\n\n\n

Quand on travail beaucoup sur un site wordpress on augmente la taille de la base de donn\u00e9es si on depasse 500 Mo la BDD passe en lecture seule impossibilit\u00e9 de passer en backoffice ligne de commande sur phpmyadmin a installer
en phase intensif de site aller voir tout les mois pas de notification ovh
nettoyer la base de donn\u00e9es et recalculer le quota<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

wp optimize utiliser pour nettoyer la base de donn\u00e9es
base de donn\u00e9es
on ne supprimer jamais les transian quand il y a une boutique en ligne donn\u00e9es qui sont dans le panier (ce qui est stocker dans la machine de l’utilisateur)
en cas de doute tous ce qui n’est pas cocher par d\u00e9faut ne pas le faire
selectionner lancer toutes les optimisations selectionn\u00e9es<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

v\u00e9rifier qu’il n’y a plus de r\u00e9vision de publication
recalculer le quota
le faire pour chaque site<\/p>\n\n\n\n

toujours nettoyer une base de donn\u00e9e avant de livrer un site au client<\/p>\n\n\n\n

Yoast seo <\/p>\n\n\n\n

\n