...

Agence web

Agence web

Rendez vos sites Web wordpress plus beaux et plus rapides: Service garantie ou remboursement

Pourquoi mon site Web est-il LENT ? Les sites lents affectent-ils les classements de recherche ?

Oui. Google a annoncé que les sites mobiles lents seraient également pénalisés dans les classements de recherche.

Ne vous inquiétez pas. Je vais accélérer le chargement de votre site et améliorer le score sur Page Speed Insight.

L’optimisation suivra à 100 % les directives de Google sur la vitesse des pages sans affecter les fonctionnalités/la mise en page.

Qu’obtiendrez-vous après l’optimisation :

✓ Site optimisé avec mise en cache, optimisation de la base de données et réduction de la taille de la page, du temps de chargement de la page.

✔ Améliorez les statistiques Web Google Core et le score d’informations PageSpeed.

✔ Résolvez les problèmes qui ralentissent vos pages Web.

✓ Optimiser JS, HTML et CSS

✓ Conseils bonus sur la façon de maintenir la vitesse tout le temps.

J’enverrai avant et après la comparaison du rapport. Je fournirai également quelques conseils PRO qui vous aideront à maintenir la vitesse à tout moment.

Forfait A : 300 euro

Optimisation standard pour le site d’entreprise. Rapport avec Google Page Insight. 2 mois d’assistance.
Livraison sous 5 jours
  • Mise à niveau de la version du logiciel
  • Mise en cache du navigateur
  • Redimensionnement des photos
  • Minification
  • Optimisation des bases de données

Forfait A : 600 euro

Optimisation lourde pour le site de commerce électronique et des gros sites. Rapport avec Google PI. Configuration CDN + 4 mois d’assistance.
Livraison sous 5 jours
s
  • Mise à niveau de la version du logiciel
  • Mise en cache du navigateur
  • Redimensionnement des photos
  • Minification
  • Optimisation des bases de données

Contactez nous sur WhatsApp +31 6 86318510

 

Agence web, Clins d'oeil

Obfuscation de lien SEO : Pourquoi et comment obfusquer vos liens ?

L’obscurcissement des liens est une technique de référencement qui consiste à masquer certains liens d’un site Web aux moteurs de recherche tels que Google et Bing. Contrairement à la croyance populaire, cela diffère du masquage, qui est une approche plus black hat du SEO. L’obfuscation permet entre autres d’optimiser la grille interne d’un site web pour améliorer ses citations et donc sa visibilité sur les pages de résultats Google.

Introduction à l’obscurcissement

L’obscurcissement des liens est une technique de référencement utilisée dans la sculpture du classement des pages. Comme son nom l’indique, ce dernier est conçu pour façonner le classement des pages de votre site afin que le jus de référencement ou « link juice » puisse être distribué plus efficacement à toutes ou aux pages les plus importantes de toutes, et optimiser leur classement sur Google.

Pour mieux comprendre le fonctionnement du PR Sculpting et le rôle de l’obfuscation dans cette approche SEO, je vous recommande de considérer les pages importantes de votre site comme un vase. Ces conteneurs reçoivent des jus externes provenant d’autres sites. Ce jus atteint principalement la page d’accueil de votre site (puisque les liens redirigent généralement vers la page d’accueil lorsque vous êtes référencé ou parlé), mais ce jus SEO peut également être reçu sur des pages internes.

Transmission Jus Seo

Si certains de vos vases ont beaucoup de trous (liens vers d’autres sites ou contenus mal optimisés), ils perdront beaucoup d’eau (jus de lien) et ne pourront pas alimenter efficacement les autres contenants. Pour éviter les grosses fuites et fournir suffisamment d’eau pour tous vos vases, vous devez boucher les crevasses, en particulier celles qui font que le jus SEO s’écoule vers des pages inutiles.

Dans le cas des sites web, les techniques d’obfuscation de liens peuvent être utilisées pour combler des trous, plus précisément des backlinks ou des liens vers des contenus à faible valeur ajoutée. Cette méthode empêche les robots de Google de détecter les liens, d’économiser beaucoup de jus SEO et de les envoyer vers des pages importantes de votre site pour augmenter leur visibilité.

Pour information, vous pouvez réduire la perte de jus SEO en supprimant les liens inutiles situés sur les pages de votre site web. Cependant, vous devez être conscient que cette solution peut dégrader l’expérience utilisateur (UX) de votre site Web, car certains liens ne participent pas à pousser des pages importantes, mais peuvent aider vos visiteurs à naviguer, ou plus simplement, aider à comprendre votre contenu.

En plus de supprimer, vous pouvez également placer des liens inutiles en nofollow pour votre référencement. Cependant, depuis la dernière mise à jour de Google en mars 2020, le nofollow a perdu de son efficacité et n’empêche plus les robots moteurs d’analyser et d’indexer des liens ou des pages. Recherche Google.

Découvrez mon plugin OBF Link Obfuscation pour WordPress
Comment fonctionne l’obscurcissement des liens ?

L’obscurcissement est une excellente solution pour empêcher les liens vers des pages mal optimisées ou d’autres sites d’être explorés et indexés par les robots Google. Néanmoins, comme Google a fait de nombreuses mises à jour de ses algorithmes et est capable de reconnaître les différents types de liens situés sur les sites que ses bots crawlent, on est en droit de se demander comment masquer les liens pour qu’ils ne soient pas visibles. Les yeux des moteurs de recherche ?

Bien sûr, Google gagne en efficacité grâce à ses mises à jour et à l’intelligence artificielle de ses bots, mais attention, il est toujours possible de cacher des liens et d’empêcher qu’ils soient simplement remontés pour analyse. En JavaScript, encodez-les en base64 en même temps.

Si vous voulez l’essayer, je vous invite à utiliser mon extension OBF Link. J’ai créé ce plugin spécifiquement pour Obfuscation dans WordPress (version 5.4 et supérieure) pour aider les utilisateurs de ce CMS à mieux optimiser leur visibilité sur les résultats Google, et l’expérience utilisateur de leur plateforme.

OBF Link vous permet de masquer rapidement et facilement des liens n’importe où sur votre site pour améliorer votre réseau interne.

Y a-t-il un danger à utiliser l’obfuscation de liens ?

Outre la mise en œuvre de l’obfuscation, nombreux d’entre nous s’interrogent sur le côté légal de cette méthode. Comme je l’ai évoqué dans l’introduction, cette technique SEO est différente du cloaking. Elle ne consiste pas à tromper les moteurs de recherche, notamment Google, mais plutôt d’améliorer entre autre le maillage interne de votre site web pour gagner en visibilité sur les pages résultats.

Grâce à l’obfuscation, vous pouvez diriger essentiellement les bots de Google vers les pages les mieux optimisées, délivrant des informations à forte valeur ajoutée aux internautes. En d’autres termes, vous facilitez l’analyse des Googlebots et vous aidez le moteur de recherche à réaliser des économies en budget de crawl, tout en répartissant de manière efficace le jus SEO et en procédant à l’optimisation de la visibilité des meilleures sections de votre site ou plateforme web.

Pour information, Google ne considère pas une méthode SEO comme illégale, si celle-ci n’a pas pour objectif de manipuler son algorithme ainsi que de tromper les internautes.

Pour vous faire une idée sur cette méthode visant à cacher des URLs et son intérêt dans le domaine du référencement, je vous invite à consulter cette vidéo de Patrick Valibus, le fondateur de l’agence 410 Gone. Nous avions enregistré cette vidéo lors du Seo Campus Paris 2019.

L’obscurcissement des liens et la disparition du nofollow

Comme mentionné, Google a une nouvelle mise à jour majeure en mars 2020. Depuis la sortie de cette mise à jour, les moteurs de recherche peuvent désormais crawler les liens nofollow, les indexer et les prendre en compte dans le développement de leurs résultats de recherche.

Cette modification importante apportée par Google ne permet plus d’utiliser des liens vers d’autres sites internet et des redirections vers des pages proposant du contenu à faible valeur ajoutée (ex. dédié aux conditions générales de vente, mentions légales, espaces clients…

Puisque cette mise à jour annonce la mort du nofollow, il faut trouver rapidement une alternative à cette méthode, et l’obfuscation en elle-même est la solution idéale. Bien sûr, il existe plusieurs techniques pour remplacer le nofollow, comme l’implémentation de la directive Disallow dans robots.txt, mais l’obfuscation reste la plus facile à implémenter et la plus bénéfique.

Il vous permet d’empêcher l’exploration des bots Google, d’optimiser la structure et la grille de votre site, ainsi que l’expérience utilisateur et la visibilité de votre site.

Découvrez mon plugin OBF Link Obfuscation pour WordPress
Principales utilisations de l’obscurcissement des liens

Si l’obscurcissement des liens est devenu populaire dans le monde du référencement après qu’une mise à jour de Google a rendu le nofollow invalide, de nombreux référenceurs ont utilisé cette technique au fil des ans pour atteindre divers objectifs et renforcer l’optimisation des référents de leur site.

Obfuscation des liens pour optimiser les maillages internes

L’optimisation des grilles internes reste sans aucun doute l’un des principaux objectifs du référencement utilisant l’obfuscation de liens. Ce dernier vous permet de mieux orienter vos jus SEO en les dirigeant vers les pages les plus importantes qui doivent gagner en visibilité sur Google.

Sachez qu’en montrant aux robots Google une grille optimisée, vous augmenterez vos chances d’améliorer le positionnement de votre page sur les SERP des moteurs de recherche.

L’obscurcissement des liens pour créer des structures en silo

Comme pour l’optimisation des liens internes, la création de schémas en silos est l’une des nombreuses utilisations de l’obscurcissement des liens. Cette technique de référencement vous permet de créer un univers sémantique inattaquable et unique sur votre site web sans compromettre la facilité de navigation (UX).

En effet, l’obfuscation vous donne la possibilité de rendre invisibles les liens de navigation, permettant de passer d’un monde sémantique à un autre, aux moteurs de recherche, mais pas aux internautes.

La mise en place d’une architecture en silo est l’une des grandes tendances SEO du moment et est souvent nécessaire pour les plateformes avec un grand nombre de catégories et de pages profondes. Adopter une structure en silo avec ou sans cocon sémantique augmente considérablement la visibilité du site internet.

Les silos thématiques incluent la division et la segmentation sémantiques des pages de votre site. D’une part, il assure une meilleure répartition du jus SEO vers les pages les plus importantes, et d’autre part, propose une structure plus sexy à Google. En raison de la création de silos, les moteurs de recherche peuvent identifier et analyser plus efficacement le domaine sémantique de votre site Web.

Il est important de noter que les silos de sujets peuvent avoir un impact négatif sur l’expérience utilisateur, en particulier si le référencement supprime la connexion entre différents domaines. L’obfuscation de liens reste la seule solution pour créer des silos sémantiques fermés tout en offrant une expérience utilisateur exemplaire.

Masquer les liens pour créer de grands menus et sous-menus sans affecter la grille interne

Dans la plupart des cas, les sites plus ou moins volumineux proposent aux internautes un large menu et de nombreux sous-menus. Si ces derniers sont indispensables à une bonne navigation, ils peuvent avoir un impact significatif sur le SEO, car ils perturbent le maillage interne de la plateforme et conduisent à la dissolution de Link Juice.

Il faut savoir que des menus existent sur toutes les pages de votre site, donc plus ils contiennent de liens, plus ils dilueront le jus SEO de chaque page à toutes. L’idéal est de limiter le nombre de liens sans forcément les supprimer, pour que les internautes puissent toujours y accéder. Ainsi, l’obscurcissement des liens vous permet de masquer de nombreux liens qui apparaissent le plus fréquemment dans les sous-menus de votre site Web.

L’obfuscation de liens pour optimiser le budget crawl

Le budget crawl est un critère à ne pas négliger dans l’optimisation SEO de votre site, surtout si celui-ci dispose d’un grand nombre d’URL indexées. En effet, Google peut décider de limiter significativement les crawls des pages de votre site web, si leur exploration par les robots d’indexation utilise des ressources trop importantes, ce qui peut avoir de mauvaises répercussions sur votre visibilité.

Pour optimiser le budget crawl, vous devez améliorer le temps de réponse et de chargement de votre site web. Vous devez également guider essentiellement les bots du moteur de recherche vers les pages les plus importantes de votre site. L’obfuscation permet de cacher les liens pointant vers les pages qualifiées de « zombies », les sections proposant du contenu à faible valeur ajoutée.

Pour information, l’optimisation du budget crawl vous permet de mieux faire ranker votre site, mais également de gagner la confiance de Google et donc d’augmenter vos chances de conserver un excellent positionnement sur les pages de résultats.

L’obfuscation de liens pour mieux répartir le jus SEO

Comme mentionné dans la première partie de mon article, l’obfuscation se présente comme la solution idéale pour répartir efficacement le jus SEO de votre site sur ses différentes pages.

Sachez qu’en bénéficiant de nombreux backlinks (liens retours) de sites à forte autorité, votre site internet gagne en popularité et en fiabilité aux yeux de Google. Néanmoins, vous pouvez gaspiller le jus SEO que vous avez obtenu si vos pages comprennent trop de liens pointant vers des contenus à faible valeur ajoutée et qui ne peuvent participer à l’optimisation de votre visibilité sur les SERPs.

En mettant en œuvre la technique d’obfuscation, vous pouvez empêcher l’analyse de ces liens « inutiles », améliorer le maillage interne de votre plateforme et diffuser une plus grande quantité de jus SEO vers les pages les plus importantes, afin d’augmenter leur positionnement sur les résultats de Google.

Le but principal est de masquer un maximum de liens présents sur les zones communes de votre site internet, c’est à dire l’en-tête (header), menus, barre latérale (sidebar), pied de page (footer)… afin de mettre en avant les liens présents sur la zone principale de site, aux cœurs des pages et articles.

Obfusquer les liens pour masquer les pages sans valeur SEO

En fonction de votre activité et des caractéristiques de votre site internet (site vitrine, blog, boutique en ligne…), la réglementation en vigueur vous impose de créer un certain nombre de pages avec des informations spécifiques.

Si vous êtes propriétaire du site d’affichage, vous êtes généralement tenu de créer des pages dédiées aux mentions légales pour informer les visiteurs de votre identité, identité et coordonnées de l’entreprise, ainsi que des pages destinées à expliquer les conditions générales d’utilisation (CGU) et Charte sur le respect de la vie privée.

En revanche, si vous avez une boutique en ligne, vous devez disposer d’un espace client, d’une rubrique mentions légales, d’un règlement intérieur respectueux de la vie privée, de CGV et d’une page réservée aux Conditions Générales de Vente (CGV).

Bien que ces différentes pages fournissent des informations utiles à vos visiteurs, elles n’ont aucune valeur SEO et peuvent entraîner des Link Juices perdus et des budgets de crawl mal optimisés.

Pour empêcher l’analyse des liens vers ces différentes parties de votre plateforme, l’obfuscation est une solution incontournable. Il permet de masquer les espaces clients, les mentions légales, les CGV et les CGV des moteurs de recherche sans les supprimer ni les rendre invisibles aux internautes.

en conclusion

Critiqué par certains référenceurs, l’obfuscation de liens reste une technique SEO très white hat et très pertinente pour optimiser le transfert de jus SEO au sein d’un site web.

D’une part, l’obfuscation vous permet d’améliorer significativement le maillage interne et la structure de votre plateforme, et d’autre part, elle vous offre la possibilité d’optimiser votre budget de crawl Google.

Agence web

Pourquoi confier la gestion de vos réseaux sociaux à des professionnels ?

Pourquoi confier la gestion de votre réseau social à des professionnels ?
La gestion des réseaux sociaux est une tâche a priori que tout utilisateur peut gérer. Cependant, lorsqu’une communication professionnelle est requise sur ces plateformes, le recours à des professionnels devient impératif.

Certains professionnels et entreprises ont des pages sur les réseaux sociaux. À ce jour, il compte plus de 6 millions de pages.

La gestion quotidienne de ces plateformes incombe généralement à ces sociétés. Mais ces objectifs ne sont pas toujours atteints en gestion.

Dans cet article, nous vous détaillons les avantages de confier vos pages de réseaux sociaux à des professionnels.

Créer du contenu de qualité adapté aux réseaux sociaux
Bien que les réseaux sociaux soient à portée de main, leur utilisation professionnelle nécessite certaines connaissances et compétences.

En déléguant la gestion de leurs pages à des professionnels, les entreprises s’assurent de pouvoir délivrer à leur clientèle potentielle cible des contenus de qualité, adaptés aux exigences de la marque et de l’environnement de l’entreprise.

Il existe plusieurs réseaux sociaux. Ils ont tous des codes de communication qu’il faut comprendre avant de pouvoir communiquer.

Les professionnels des réseaux sociaux sont les mieux placés pour choisir une plateforme adaptée aux activités commerciales. Il les identifie en fonction des objectifs et des critères des objectifs à atteindre.

Selon le réseau social utilisé, la production du contenu de la page est adaptée à chaque cible. C’est la même chose en B2B et en B2C.

 

Entretien continu de l’audience
Avec un support professionnel, les marques peuvent garantir une assistance 24 heures sur 24 aux clients.

Les réseaux sociaux obligent les entreprises à accompagner en permanence leurs clients. Mais les heures de travail sont une forteresse.

En déléguant la gestion des pages à un community manager, les professionnels peuvent mettre en place un système de veille (assisté ou automatique) pour être constamment à l’écoute des clients potentiels.

 

L’une des raisons qui poussent les entreprises à adopter les réseaux sociaux est le moindre coût de la publicité.

Cependant, ignorer les tendances d’utilisation des réseaux sociaux et les paramètres d’algorithme conduit souvent à une mauvaise optimisation des publicités. Le résultat, bien sûr, est que l’annonce est inefficace.

L’avantage d’avoir un gestionnaire de communauté en charge du parrainage d’un événement commence par la possibilité de créer une audience publicitaire ciblée.

Ensuite, la question de la durée publicitaire, des heures de pointe, de l’analyse professionnelle des canaux publicitaires et des budgets pour produire les résultats de campagne attendus.

Par conséquent, choisir un professionnel pour gérer un réseau social n’est pas un luxe. Cependant, la marque doit être affichée efficacement en ligne.

Contactez un professionnel dès maintenant

Agence web, News/ actualités

Togo, Benin, Sénégal, Côte d’ivoire, Mali , Burkina Faso , votre community service ici

Vous souhaitez développer votre présence, changer votre image, créer une communauté, gagner en notoriété ou en popularité sur les réseaux sociaux ? Confiez votre community management à 3Vision-group , les experts du social media management , depuis 2015.

Être sur les réseaux sociaux est essentiel, mais sans visibilité ni stratégie, c’est une perte de temps. En tant que chef d’entreprise, vous n’aimez pas perdre de temps. Nous vous comprenons !

C’est pourquoi 3Vision-group vous accompagne dans l’élaboration de la meilleure stratégie de présence qui s’aligne sur vos objectifs. Cela signifie que nous définirons ensemble le meilleur réseau social pour vous, le nombre de publications par semaine et les types d’annonces que nous diffuserons.

Après avoir configuré tous ces paramètres, nous vous fournissons des rapports statistiques mensuels ou trimestriels pour suivre les indicateurs clés de performance.

Souhaitez vous démarrer le domaine des médias sociaux avec nous? Alors choisissez votre sac et contactez-nous !

PACK ESSENTIEL

Une présence minimale avec un petit budget mais un grand cœur !

  • Présence sur 1 réseau social au choix parmi Facebook, Instagram ou LinkedIn
  • 2 publications par semaine
  • 1 campagne publicitaire par mois
  • Reporting statistiques annuel

PACK PREMIUM

Optimiser sa visibilité, faire vivre ses communautés et commencer à parler publicité !

  • Présence sur 2 réseaux sociaux au choix parmi Facebook, Instagram, LinkedIn ou Twitter
  • Jusqu’à 4 publications/semaine/réseau social
  • Jusqu’à 2 campagnes publicitaires selon les objectifs : trafic, événement, visibilité, engagement ou génération de prospects
  • Animation de la communauté et modération simple
  • Mise en place et gestion de 3 à 4 dispositifs originaux par an : shooting photo, jeux-concours ou suivi offres commerciales
  • Reporting statistiques trimestriel

PACK OPTIMAL

Là on parle sérieusement de community management !

  • Présence sur 3 réseaux sociaux au choix parmi Facebook, Instagram, LinkedIn, Twitter, Pinterest ou Youtube
  • Jusqu’à 4 publications/semaine/réseau social + création de stories sur Facebook et Instagram
  • Jusqu’à 5 campagnes publicitaires selon les objectifs : trafic, événement, visibilité, engagement ou génération de prospects
  • Mise en place et gestion de dispositifs spécifiques : groupe Facebook, jeux-concours, shooting photos, suivi offres commerciales, campagnes influenceurs locaux…
  • Modération des commentaires
  • Animation optimale de la communauté
  • Veille sectorielle et digitale
  • Création de formats originaux comme des vidéos
  • Reporting statistiques mensuel + à chaque dispositif original

À QUI S’ADRESSE NOTRE PACK RÉSEAUX SOCIAUX ?

A toute entreprise désireuse de se produire sur le réseau social de Tours et prête à s’engager dans une collaboration fructueuse et enrichissante !
Oui, être sur les réseaux sociaux est un véritable engagement car il vous oblige à utiliser votre équipe, à collaborer avec nous pour produire le meilleur contenu et à nous envoyer des mises à jour fréquentes.
Rassurez-vous, nous nous occupons de tout : suggestions de contenus, suivi par mail ou téléphone, mise en place de solutions d’échange de contenus, envoi d’horaires pour gagner du temps sur la validation des publications…

Aussi, pour être performant et ne jamais en manquer, tous nos comptes sont gérés par un duo de community managers et de social media managers. Le premier est votre contact privilégié au quotidien, et le second est responsable de la bonne tenue du compte, de l’application et de la surveillance des politiques et des résultats publicitaires.

NOS PACKS

Découvrez également les autres packs concoctés par notre équipage
Pack Création d'entreprise

Création d’entreprise

Jeunes entrepreneurs ? Vous souhaitez créer votre entreprise ? 3Vision-group  est là pour vous aider !

Nous avons conçu un pack rien que pour vous, Entrepreneurs : Le Pack Idées Business. Le pack contient tous les éléments de communication essentiels nécessaires à la gestion d’une entreprise.

Pack Site web

Site web

Entreprise locale ou chaîne de magasins, artisan commerçant ou société de services, le site internet est un véritable prolongement de votre activité, ouvert 24h/24 et 7j/7.

Créé, développé et référencé, 3Vision-group  s’occupe de tout avec WEBSITE PACK.

ON N’ATTEND PLUS QUE VOUS !

Agence web

Titan Mail : une messagerie professionnelle chez 3Vision-Grouo

Titan est la première suite de messagerie professionnelle qui vous aide à établir des relations plus profondes et plus significatives avec vos clients.
Fini le temps d’envoyer un e-mail et de prier pour une réponse.
Titan vous donne les outils pour créer des relations clients plus percutantes par e-mail.

modèle d’e-mail

Gagnez du temps en enregistrant vos réponses fréquemment envoyées sous forme de modèles et assurez-vous de toujours envoyer des messages qui résonnent avec vos clients.

Business email templates
Schedule and send professional emails

Envoi programmé

Que vous ayez identifié l’heure d’envoi optimale pour un client ou que vous ayez besoin de rédiger un message en dehors des heures de bureau, planifiez l’envoi de vos e-mails au moment où ils sont le plus susceptibles d’être lus.

Schedule and send professional emails
Follow up reminder for business emails

Rappel de suivi

Ne vous contentez pas de ne pas répondre à vos e-mails importants. Obtenez des coups de pouce pour revenir au flux au meilleur moment et poursuivre la conversation.

Follow up reminder for business emails
Professional email signature builder

Générateur de signatures

Créez de belles signatures personnalisées pour différents types d’e-mails. Ajoutez des liens et des images ou utilisez HTML pour obtenir ce dont vous avez besoin !

Professional email signature builder

A business email experience built to delight

Rich message composer for business emails

Rich message composer

Craft beautiful and compelling emails with rich formatting, drag and drop images and more.

Email threading service

Email threading

Keep your conversations flowing with email threading.

Smart filter screening of emails

Filtres intelligents et dossiers personnalisés

Configurez des règles et créez des dossiers personnalisés pour rester organisé

Coordonner les horaires avec un calendrier partageable

Partagez votre calendrier avec vos coéquipiers et vos contacts à l’aide de Titan.

Un calendrier qui inspire la collaboration externe et interne

Works with every platform

Send invites to guests that use Gmail, Outlook and Apple Mail.

Disponible chez 3Vision-group

Agence web

Comment faire un audit SEO: le guide complet 2022

Vous avez investi du temps et de l’argent dans le référencement de votre site Web, mais vous n’avez pas obtenu les résultats escomptés ?

Après avoir déterminé vos objectifs de référencement et terminé votre recherche de mots clés, la prochaine étape du défi de référencement de 30 jours consiste à analyser les performances globales de votre site Web.

Pour ce faire, rien ne ressemble plus à une conférence d’audit SEO !

Audit SEO : définition

Un audit SEO est une liste de contrôle des performances SEO générales de votre site Web. Le but de la revue SEO est de mettre en évidence les éléments à optimiser pour augmenter votre visibilité sur les moteurs de recherche.

Pourquoi réaliser un audit SEO ?

Plusieurs facteurs affectent les performances de votre site Web. Certains sont très évidents, comme votre contenu ou votre expérience utilisateur, tandis que d’autres, comme votre code ou votre index de page, sont moins évidents.

Les audits techniques SEO permettent d’identifier tous ces éléments et de les ajuster lorsqu’ils ne répondent pas aux standards de performance, de qualité ou de fiabilité exigés par les moteurs de recherche.

En somme, un audit SEO vous permet de déterminer les points forts actuels de votre site internet, notamment ses axes d’amélioration. Afin d’organiser votre stratégie SEO autour d’actions prioritaires à fort potentiel, cette checklist est également indispensable.

Étape 1 : Restaurez vos objectifs de référencement

La première question à se poser lors d’un audit SEO est liée à vos objectifs stratégiques. Comme tout autre canal d’acquisition pour votre stratégie web, votre stratégie de référencement doit être basée sur des objectifs clairs, spécifiques, atteignables et mesurables. Sinon, vous ne saurez pas si vos résultats sont satisfaisants.

Pour analyser si vos objectifs SEO sont pertinents, vous pouvez revenir au premier exercice du challenge SEO 30 jours : comment définir vos objectifs SEO.

Voici des exemples d’objectifs de référencement qui répondent à ces critères :

Augmenter le trafic organique de 50% dans les 6 prochains mois
Obtenez 40 nouveaux backlinks dans les 4 prochains mois
Augmenter le taux de conversion du trafic organique de 25% en un an

Au fil du temps, vos objectifs SEO sont-ils clairs, spécifiques, atteignables et mesurables ? qu’il s’agisse

Étape 2 : Analysez votre stratégie de mots clés

Cette section fournit une introduction approfondie au deuxième exercice de notre défi, « Guide d’étude des mots clés ».

Pour résumer, si vous vendez des chaussures de course rouges, vous serez plus enclin à localiser « chaussures de course rouges Nike », même si ce mot-clé est recherché 30 fois par mois au lieu de cibler « chaussures », qui est recherché des milliers de fois par mois . Vous aurez de meilleures chances d’atteindre la première position et le trafic que vous capterez sera de haute qualité. Cette réflexion stratégique devrait faire partie de votre audit SEO.

C’est le principe que résume ce graphique :

 

stratégie de mot clé

 

Vos mots-clés sont-ils pertinents et réalisables ? qu’il s’agisse

Ensuite, votre stratégie de mots clés doit être spécifique. Cela signifie que vous devez vous concentrer sur un nombre limité de mots-clés spécifiques à votre entreprise, vos produits et vos services. En fonction de votre budget, de vos ressources et de l’étendue du marché, essayez de conserver entre 10 et 100-150 mots-clés cibles différents. Pas quelques milliers.

Votre stratégie de mots clés est-elle spécifique ? qu’il s’agisse

Si vous souhaitez pouvoir optimiser votre stratégie de référencement, mesurer l’efficacité de chaque mot-clé est crucial. Pour cela, vous devez disposer d’un outil de localisation. Cela vous permettra de voir pour quels mots-clés votre site Web est le plus efficace, vous pourrez ainsi ajuster votre stratégie de contenu en fonction de vos performances et de vos objectifs.

Chez 3Vision-group, nous utilisons le suivi de position SEM Rush. Par exemple, vous pouvez suivre la position moyenne de tous les mots clés sur Google, comme indiqué dans l’image ci-dessous :

 

outils audit seo

 

Votre stratégie de mots-clés est-elle mesurée et mesurable? Oui/Non

Enfin, lors de votre revue de référencement, vous devez vérifier que le trafic de votre site Web provient des mots-clés que vous ciblez. Si votre site Web et son contenu sont bien optimisés pour vos mots-clés cibles, vous devriez trouver ces mots-clés dans les termes de recherche pour augmenter le trafic de votre site Web. Si vous trouvez des mots-clés non ciblés, alors vous venez de découvrir une nouvelle opportunité d’augmenter le trafic !

Vous pouvez vérifier dans la catégorie « Performance » de la Search Console :

 

audit seo search console

 

Votre trafic organique est-il généré par vos mots-clés cibles ? qu’il s’agisse

Une dernière chose : assurez-vous également de ne pas cibler deux fois les mêmes mots-clés. Chaque création de contenu doit vous permettre de cibler une nouvelle opportunité !

N’optimisez-vous qu’une seule page pour chaque mot-clé ? qu’il s’agisse

Étape 3 : Revue technique du référencement

Cette partie est la plus importante. Voici les points clés que vous devez couvrir lors de la revue SEO :

1. Commencez par explorer votre site Web

Téléchargez et utilisez Screaming Frog (jusqu’à 500 URL gratuites) pour extraire le contenu de votre site Web.

Entrez l’URL de votre site Web et appuyez sur Démarrer :

 

audit de contenu SEO digitad

 

Vous disposez maintenant d’une liste complète de toutes les pages Web et d’une liste de leurs principales caractéristiques, telles que le titre, le sous-titre, la méta description, l’URL ou le statut (redirection, page 404).

Vous pouvez alors utiliser le filtre « HTML » et utiliser le menu horizontal pour parcourir les différents éléments.

Dans un premier temps, vous pouvez déjà vous assurer qu’il n’y a pas de pages 404 sur votre site Web, ce qui est un élément important du référencement.

Avez-vous corrigé et éliminé les erreurs 404 sur votre site Web ? qu’il s’agisse

Ensuite, vous pouvez vérifier l’état de la redirection. Certaines redirections telles que les 301 sont courantes, tandis que d’autres comme les redirections 302 sont plus ennuyeuses : elles signifient qu’il n’y a pas d’autorité de domaine de maintenance entre les deux pages.

Vous pouvez les trouver dans l’onglet « Codes de réponse ». Cliquez ensuite sur  » Filtrer  » et sélectionnez  » 3xx Redirect « . Cela vous donnera un aperçu de tout changement 302 à 301.

 

audit seo

 

Avez-vous découvert et éliminé la redirection 302 sur votre site Web ? qu’il s’agisse

Vous ne voulez pas que les deux versions de votre site Web soient mises en ligne en même temps.

Par conséquent, vous devez vous assurer que toutes les versions du nom de domaine pointent vers la version actuelle, par exemple :

Si votre page en http ou www a une redirection 301 vers https

Est-ce que www et http redirigent vers votre version https ? qu’il s’agisse

2. Vérifiez votre page et votre index robots.txt

Si Google ne peut pas « visiter » votre site Web, il ne pourra pas se classer sur la page de résultats de recherche et votre trafic Web sera affecté. Lors de votre revue de référencement, vous devez vous assurer que Google peut accéder à toutes vos pages.

Tout d’abord, vous devez vérifier votre fichier robots.txt. Dans le menu « Index » de la Search Console, allez dans la catégorie « Couverture »

 

audit technique seo

 

Vos pages sont-elles toutes indexées par Google? Oui/Non

Vous pouvez également faire une vérification de votre robots.txt, puis observer la ligne mentionnant “Disallow” :

 

audit SEO robots.txt

Vous devez vous assurer que la ligne en question ne contient pas le texte Disallow: / et qu’il n’y a rien après. Sinon, votre site web ne sera pas vu par Google ! Notez que vous pouvez également utiliser des plugins de révision de référencement tels que Yoast SEO ou rank math pour accéder à ces informations directement depuis le système de gestion de contenu de votre site Web (tel que WordPress).

Google peut-il indexer votre site Web ? qu’il s’agisse

3. Vérifier l’existence du plan du site

Pour aider Google à indexer votre site, vous devez lui fournir un plan du site.

Vérifiez son existence dans la section plan du site de votre Search Console

 

audit seo sitemap

 

Si vous utilisez le plug-in Yoast, ce plan sera généré automatiquement. Sinon, vous pouvez utiliser un plan de site XML.

Pour vérifier s’il fonctionne bien, vous pouvez également rechercher « site : votresite.ca » dans Google et observer les résultats.

 

Si vous voyez apparaître de nombreuses pages correspondant à ce que contient votre site, il ne devrait y avoir aucun problème.

Fournissez-vous un plan du site à Google ? qu’il s’agisse

4. Vérifiez la structure de votre site Web

Pour s’adapter au mieux aux robots des moteurs de recherche et à vos utilisateurs, votre site Web doit être construit de manière structurée. Il est important de vérifier cela dans votre audit SEO.

 

architecture seo

 

Par exemple, vous pouvez vérifier que vos menus et différentes sous-catégories sont organisés dans une structure hiérarchique et logique, comme le montre l’image ci-dessus.

Découvrez les critères d’un bon arbre SEO dans notre guide complet.

Votre architecture est-elle optimisée ? qu’il s’agisse

5. Vérifiez la vitesse et l’adaptabilité mobile de votre site Web

Avec l’augmentation continue de l’utilisation du mobile, la vitesse de chargement et l’adaptabilité mobile sont les normes de base que Google cite naturellement aujourd’hui. Ces aspects de votre site Web doivent faire partie de votre audit SEO.

Afin d’analyser la vitesse de chargement de votre site web et son adaptabilité mobile, vous pouvez utiliser les outils de revue SEO suivants :

PageSpeed ​​Insights de Google

GTMetrix

Ces outils vous donneront un aperçu de la vitesse de chargement des pages en fonction du type d’appareil et vous fourniront des suggestions d’amélioration.

Votre site Web se charge-t-il bien (moins de 3 secondes) ? qu’il s’agisse

Sinon, vous devez suivre les recommandations de ces outils. Par exemple, une mauvaise vitesse de chargement peut être causée par des fichiers trop volumineux (vidéos, photos) qui doivent être compressés.

Votre site Web est-il adapté aux mobiles ? qu’il s’agisse

Vérifiez dans la section « Mobile Disponibilité » de la Search Console :

 

audit seo mobile

Sinon, vous devez engager un développeur Web pour aider votre site Web à répondre le plus rapidement possible.

6. Vérifiez vos fichiers journaux

L’analyse des fichiers journaux de votre site Internet vous permet d’obtenir des données fiables et précises sur l’indexation de votre site Internet par les moteurs de recherche.

Le fichier se trouve sur votre serveur. Vous pouvez utiliser l’analyseur de fichiers journaux de Screaming Frog pour obtenir des données plus rationalisées pour tous les moteurs de recherche existants.

 

fichier log seo

 

Cela vous permettra de vérifier régulièrement si votre site web est « crawlé » et qu’aucune erreur technique n’empêche les moteurs de recherche d’effectuer correctement le travail d’indexation.

Avez-vous analysé le fichier journal ? qu’il s’agisse

Étape 4 : examen SEO de votre contenu (sur site)

Cette étape prend du temps car il faut la faire manuellement, mais elle est indispensable. La qualité et l’optimisation de votre contenu sont les facteurs de différenciation déterminants pour vos citations naturelles.

Cette étape de la revue SEO vous permettra de répondre aux questions suivantes :

Mon titre respecte-t-il la longueur recommandée (≃65 caractères) ? qu’il s’agisse
Mon titre contient-il les mots-clés principaux de la page ? Oui/non>
Mon titre inclut-il la fonctionnalité d’appel direct ? qu’il s’agisse
Ma méta description respecte-t-elle la longueur recommandée (≃ 155 caractères) ? qu’il s’agisse
Ma méta description comprend-elle des mots-clés principaux et secondaires ? qu’il s’agisse
Toutes mes pages ont-elles des liens internes ? qu’il s’agisse
La longueur de mon contenu est-elle cohérente avec le meilleur contenu du concurrent ? qu’il s’agisse

Pour effectuer une révision complète de votre contenu, vous pouvez utiliser nos directives de révision de contenu SEO.

Identifier et corriger le contenu en double

Google déteste le contenu en double, qu’il soit copié sur votre site Web ou copié ailleurs sur le Web.

Pour vérifier si vous fournissez du contenu en double, vous pouvez utiliser un outil de révision SEO gratuit, tel que SiteLiner. Ensuite, vous serez en mesure d’identifier si le contenu entre les pages est anormalement dupliqué (vous devrez peut-être répéter certaines phrases entre les pages, ne vous inquiétez pas) :

 

Exemple de contenu dupliqué

 

Pour une analyse plus approfondie du référencement, veuillez envisager d’utiliser des outils de révision de référencement payants tels que SEMRush et Ahrefs.

Si vous voyez un site Web copier votre contenu, veuillez vérifier que le site Web a au moins créé un lien vers vous. Sinon, Google risque de ne pas savoir qui est l’auteur original, réduisant ainsi la visibilité de ces deux textes.

Votre contenu est-il copié sur votre site Web ou copié ailleurs ? qu’il s’agisse

Si vous voulez tout savoir sur le contenu en double, consultez cet article Google.

Étape 5 : Analysez votre référencement hors site

Cette étape comprend un examen SEO de vos backlinks ou liens entrants. Les liens d’autres sites Web vers votre site Web sont le facteur décisif pour vos citations naturelles. Ils prouvent à Google que le contenu de votre site Web est fiable et renforcent votre autorité de domaine. L’autorité de domaine représente la réputation de votre site Web aux yeux de Google.

Pour calculer votre autorité de domaine, vous pouvez utiliser Link Explorer de Moz.

Étant donné que les backlinks sont le principal facteur d’influence de l’autorité de domaine, vous devez les répertorier et analyser leur qualité à l’aide d’outils de révision SEO tels que SEMRush, Majestic ou Ahrefs backlink checker. Voici l’interface de SEMRush :

audit backlinks SEO

 

De là, vous pourrez accéder à toutes les données nécessaires (domaine de référence, ancre, industrie, localisation, profil de concurrent) pour déterminer la qualité du lien.

La qualité du lien dépend :

Leur pertinence : proviennent-ils d’un site internet en rapport avec votre domaine d’activité ? qu’il s’agisse
Leur autorité de domaine : proviennent-ils d’un site respecté et référencé par Google ? qu’il s’agisse
Leur diversité : proviennent-elles de sources différentes (blogs, annuaires) ? qu’il s’agisse
Leur destination : pointent-ils vers des pages importantes de votre site Web ? qu’il s’agisse
Leurs ancres sémantiques : le texte utilisé pour pointer vers votre site est-il cohérent ? qu’il s’agisse
Leur localisation : proviennent-ils d’un site de votre zone géographique et utilisent-ils votre langue ? qu’il s’agisse

Si vous voyez des liens entrants répondre « non » à toutes ces vérifications, vous pouvez envisager de les supprimer ou de repositionner votre stratégie d’acquisition de liens vers une approche plus qualitative.

Comment supprimer les mauvais backlinks ?

Contactez le site Web d’où provient le lien entrant
Demander au gestionnaire de le supprimer
En dernier recours, refusez les liens entrants

Vous trouverez des informations que vous devez connaître avant de rejeter les liens entrants sur les pages Google associées.

Étape 6 : Analysez votre expérience utilisateur (UX)

Cette étape de l’audit SEO vous permet de comprendre si certains aspects de l’expérience utilisateur vont affecter la navigation des internautes, affectant ainsi les performances de votre site internet.

Cette partie de l’audit doit vous permettre de répondre aux questions suivantes :

Ai-je identifié le sujet ou la catégorie qui attire le plus de visiteurs sur mon site Web ? qu’il s’agisse
Ai-je déterminé quels types de contenus sont les plus populaires auprès des internautes sur mon site Web ? qu’il s’agisse
Ai-je déterminé quels types de contenu ont généré le plus de conversions sur mon site Web ? qu’il s’agisse
Ai-je déterminé quels types de contenu vont effrayer mes utilisateurs ? qu’il s’agisse

Ou, des questions liées aux éléments de conversion de votre site Web :

Mon formulaire de contact fonctionne-t-il correctement ? qu’il s’agisse
Mon bouton d’appel à l’action est-il visible ? qu’il s’agisse

Vous trouverez également cette étape de révision SEO et tous les indicateurs clés à suivre dans nos directives de révision de contenu SEO.

Avez-vous terminé l’examen de référencement ? Oui

fini ! Vous connaissez maintenant les étapes à suivre pour mener à bien une revue de référencement et identifier les domaines de votre stratégie de référencement qui doivent être améliorés.

Si vous souhaitez effectuer d’autres audits SEO, pensez à analyser les performances de vos concurrents de la même manière.

Après avoir terminé cette revue de référencement, vous serez en mesure d’optimiser votre plan de site. Ce sera la prochaine étape du challenge SEO de 30 jours !

Vous pouvez nous confiez l’audit et la survie de votre seo à nous 3Vision-group 

Agence web

3VG (3Vision-group.com) a rejoint le programme Google Partners

Nous avons une excellente nouvelle à vous annoncer : l’agence web 3VG (3Vision-group.com) a rejoint le programme Google Partners et a obtenu officiellement le statut de partenaire Google en mars 2021 !
L’aboutissement d’une stratégie de développement

3VG a toujours placé, depuis sa création en 2014, le site Internet et la visibilité sur les moteurs de recherche au coeur de sa stratégie.

Si le référencement naturel Google demeure notre coeur de métier, nous savons aussi que les liens commerciaux s’avèrent un auxiliaire précieux et souhaitons accompagner nos clients sur ce levier de communication complémentaire. Après le développement de nos propres outils dédiés au référencement naturel et à la création de site Internet sur mesure, nous proposons désormais de gérer des campagnes SEM Google AdWords pour accompagner votre commercial digital !

Ce qui changera concrètement pour les clients 3Vision-Group

Nous sommes reconnus comme partenaire de confiance par Google et par ses clients et arborons désormais le badge Google Partner. Nous sommes en contact régulier avec un interlocuteur privilégié chez Google, bénéficions d’offres préférentielles pour nos clients et sommes informés, en exclusivité, des innovations apportées à Google Adwords.

Cette participation au programme Google Partners nous permet aujourd’hui d’étoffer notre offre commerciale en vous proposant des solutions de déploiement et gestion de vos campagnes Adwords.

Autre bonne nouvelle : les frais d’installation de votre campagne Adwords sont offerts jusqu’au 30 décembre 2021 ! N’hésitez pas à nous contacter pour plus d’informations.Avec l’aide de notre équipe d’experts, nous canalisons tout le potentiel du web en direction de vos activités. Avec notre stratégie 360° nous vous assistons à chaque étape. , Après une profonde analyse du marché,

nous élaborons des plans adéquats puis passons à l’action pour faire fleurir votre business.
Nous sommes jeunes, nous sommes passionnés du web , et garantissons de résultats
Arrêtez de confier donc votre présence digitale aux mauvaises personnes

Read more: https://3vision-group.com/strat-webmark.php

Agence web, Inspirations

3Vision-group développe un e-mail pro en HTML responsive pour vos clients

L’email (ou newsletters) reste encore aujourd’hui un moyen efficace de transmettre des informations à ses utilisateurs ou clients. En mode texte, pas de problème, c’est une interprétation standard sans difficulté. En mode HTML, c’est un art très délicat, en partie parce qu’il existe sur le marché de nombreux clients de lecture de courrier électronique qui se comportent très différemment (maintenant encore plus que les navigateurs classiques). Cette différence d’interprétation des e-mails au format HTML provient de plusieurs facteurs :

  • Les clients e-mails lourds (Outlook, Thunderbird, Lotus Notes…) ont un fonctionnement radicalement différents des webmails (Gmail, Yahoo Mail, Hotmail, Outlook.com…).
  • Ces mêmes webmails imposent des règles très strictes sur le code HTML et CSS contenu dans les e-mails car les messages sont eux-mêmes affichés dans une structure de page web qui a ses propres styles. Entre autres, Outlook.com ne supporte pas les marges.
  • Et enfin le plus consternant : certains moteurs sont très exotiques, par exemple Outlook 2013 utilise toujours le moteur d’interprétation HTML de… Word ! Ce qui signifie virtuellement que la prise en charge de CSS dans Outlook n’a pas changé entre les versions 2007, 2010 et 2013, là où les navigateurs ont fait des bonds de géants.

Mettons un terme à vos envies les plus folles dès maintenant : plus encore que le web, générer des emails graphiques en HTML sur toutes les plateformes, au pixel près, relève de l’utopie.

Par exemple, voici un rendu du modèle proposé dans cet article sur la version Web d’Outlook et le client Outlook Windows 8 (quoique très récent, promu par le même éditeur, et pour le même événement).

Mail Outlook web
Outlook.com
Mail Outlook Windows 8
Outlook pour Windows 8

Voici quelques astuces et bonnes pratiques pour obtenir des e-mails au rendu proche sur la majorité des programmes. Tout au long de l’article, nous allons faire référence aux compatibilités CSS des clients mails. Vous pouvez trouver un excellent tableau récapitulatif chez Campaignmonitor. Vous pouvez également télécharger les deux fichiers sources utilisés pour cet article (fichier zip, 15 Ko).

Quelques règles de base pour HTML et CSS

Des tableaux pour la mise en page

Oubliez ce qu’on vous a appris à l’école : pour les e-mails, les tableaux, c’est le bien. Enfin, c’est plutôt qu’il n’y a pas beaucoup de choix. Attention, nous ne disons en aucun cas que les éléments de bloc comme <div> ou <p> sont à proscrire, mais quand il s’agit de la mise en page, il vaut mieux utiliser des tableaux puisque les placement en CSS utilisant display ou même float deviennent problématiques sur les clients mail.

Du CSS en ligne, pour la mise en forme

Là encore, il y a de quoi bondir, mais quand il s’agit d’e-mail en HTML, il vaut mieux utiliser des styles en ligne directement sur les éléments concernés (c’est-à-dire avec l’attribut style=""). En effet, certains clients mail (dont Gmail et Android 2.3+) vont ignorer toute balise <style> se trouvant dans la section <head>. Les feuilles de style externes ont également de fortes chances d’être ignorées en fonction du client mail. Tout style déclaré de façon pratique, commune dans l’en-tête du document, de façon interne ou externe, est potentiellement voué à être ignoré. C’est très contraignant, il existe des outils tels que Premailer pour appliquer automatiquement – dans la mesure du possible – les styles en ligne dans un attribut style, pour les balises composant l’e-mail.

Premailer

Le Doctype

Souvent, l’absence d’un Doctype entraînera une mauvaise interprétation, en particulier lorsque vos utilisateurs consultent votre e-mail dans un navigateur (par exemple, Gmail sur Chrome). Pour les newsletters, il est actuellement préférable d’utiliser le type de document XHTML 1.0 Strict. Notez cependant que Gmail et Hotmail incluent le doctype HTML5 depuis 2010. Pour ce faire, vous pouvez tester votre conception dans plusieurs navigateurs sans le doctype afin que le client de messagerie l’ignore de toute façon, puis ajoutez le doctype et voyez si le résultat correspond toujours. Pour plus d’informations, consultez l’article en anglais sur les tests de type de document.

bonnes habitudes d’utilisation
N’oubliez pas de fournir un lien qui permet à l’utilisateur de le visualiser dans le navigateur et vous lui éviterez la frustration de ne pas toujours choisir un client de messagerie.
N’oubliez pas également de toujours inclure la version en texte brut (le même message peut contenir une combinaison de version HTML et d’alternative en texte brut), qui sera plus lisible et plus facile d’accès, selon le client de messagerie choisi et ses paramètres.
Une newsletter uniquement en images est aussi tentante : pas de soucis entre clients, et le rendu est parfait. Mais gardez à l’esprit que de nombreux programmes n’affichent pas les images par défaut et que l’utilisateur doit l’autoriser. Il est donc préférable d’éviter trop d’images et trop peu de texte, sinon votre message ne sera jamais lu. Des statistiques sont fréquemment publiées sur ce sujet : les utilisateurs ignorent ou suppriment simplement les e-mails avec des conceptions complètes qui n’affichent pas d’images. Surtout, n’oubliez pas l’attribut alt, ce sera la seule information affichée pour les utilisateurs qui n’ont pas activé les images !
Bien que le code soit beau et bien codé, tenez également compte du fait que les utilisateurs n’auront peut-être plus besoin de votre newsletter. Par conséquent, le lien de désabonnement (fonctionnel) en bas de page est également considéré comme obligatoire.
Modèle d’e-mail avec feuille de mise en page

Comme spécifié dans les règles de base, nous privilégierons les tableaux HTML pour la mise en page. Les marges entre les éléments deviendront des cellules vides. <div> et <p> ne peuvent pas être évités au moins. Il est parfaitement possible de les utiliser, mais à l’intérieur du layout. Les largeurs fixes (en pixels) sont également plus efficaces que les unités em ou %, mais vous pouvez utiliser % si vous souhaitez un e-mail adapté à la taille du client.

Ceci est un exemple concret d’une conception d’e-mail simple typique qui peut avoir plusieurs colonnes. À gauche se trouve la version en surbrillance de la cellule du tableau, à droite se trouve le rendu final :

Screenshot du rendu final de la template, à gauche avec les zones de tableau délimitées, à droite sa

Consulter la démonstration en ligne

N’hésitez pas à consulter le code source de la démonstration pour visualiser la structure HTML.

Ce qu’il faut noter :

  • Nous avons découpé notre structure en plusieurs tableaux : un grand tableau englobe tout l’e-mail et a une largeur de 100% pour que le fond bleu prenne toute la place. Pour cette technique il faut néanmoins faire attention à Outlook (2007 et 2010) pour lesquels des sauts de page sont insérés environ tous les 1790px et risquent de casser le design en tableau. Dans ce cas, il vaut mieux encapsuler son site dans un span  (merci @HTeuMeuLeu  pour la précision).
  • À l’intérieur de ce tableau “faux <body>” on retrouve un sous-tableau pour l’en-tête avec le logo, un tableau pour le contenu, qui lui-même contient plusieurs autres tableaux, et un dernier pour le pied de page.
  • Puisque le padding (marge interne) n’est pas bien supporté sur beaucoup de clients, il vaut mieux ajouter une colonne vide à gauche et à droite pour séparer le contenu du bord.
  • Avec l’attribut border il n’est pas possible de ne définir qu’une seule bordure, des lignes vides (<tr>)  avec des  hauteurs fixes permettent de créer des séparations d’un pixel de haut. Technique à utiliser avec parcimonie cependant, comme le mentionne @HTeuMeuLeu Outlook 2013 ne supporte pas les cellules de moins de 4px de haut.
  • Les largeurs sont données directement à nos tableaux et à nos cellules (<td>), cependant l’image du chaton étant plus large, elle va agrandir la dernière cellule.
  • Il est tout à fait possible d’utiliser à l’intérieur de cette mise en page des éléments <div><p>, listes <ul><ol> et autres éléments HTML.
  • Il est possible d’utiliser les différents attributs de tableau (certains obsolètes hélas) pour un affichage plus efficace :
    • valign="top" ou valign="bottom" pour choisir l’alignement du contenu en haut ou bas de cellule <td>
    • bgcolor pour donner une couleur de fond à la cellule <td>
    • border pour définir la largeur des 4 bordures (zéro équivalant à pas de bordure) et bordercolor pour définir une couleur de bordure (il n’est pas possible de ne définir qu’une bordure des 4 bordures à la fois)
    • cellpadding="0" pour définir un espacement de zéro entre le contenu de la cellule et sa bordure et cellspacing="0"  pour définir un espacement de zéro entre les différentes cellules.
    • colspan="X" pour fusionner X cellules
    • align="left" ou align= »right » ou align="center" pour aligner le texte

Conseils “CSS” pour un affichage optimal

Pour s’assurer que les styles CSS soient bien pris en compte, il existe quelques règles simples à respecter.

Règles générales

Dans notre cas, pour la couleur des titres, nous avons placé des instructions CSS dans l’en-tête, mais répété ce code en ligne (attribut style) pour être sûr qu’il soit pris en compte dans différents types de clients. Tout d’abord si le design vous le permet, évitez les images de fond en CSS et préférez les couleurs pleines. Si vraiment vous souhaitez ajouter une image de fond, il existe un petit outil nommé emailbg qui vous propose un code compatible avec la majorité des clients mail. Mais rappelez vous qu’une image c’est autant de poids à télécharger de plus pour le mail.

Lorsque vous écrivez du code CSS, qu’il soit en ligne ou dans l’en-tête <head>, évitez de raccourcir les propriétés. Un exemple concret est celui de la police d’écriture : séparez taille, famille et line-height au lieu d’utiliser la propriété raccourcie font. Il en va de même pour les couleurs : préférez les couleurs en hexadécimal, et l’écriture longue. Il vaut donc mieux utiliser pour du blanc #FFFFFF que #FFF même si les deux fonctionnent théoriquement.

Les liens

Beaucoup de clients mail vont écraser le style de vos liens, qu’ils soient en ligne ou non d’ailleurs. C’est assez exaspérant de se retrouver avec le lien “bleu par défaut”, qui peut en plus être totalement illisible en fonction de votre couleur de fond, mais il existe une astuce un peu lourde certes qui consiste à ajouter un span, et à mettre votre couleur de lien sur la balise <a> et sur le <span> comme ceci :

<a style="color:#255D5C;" href="www.alsacreations.com"><span style="color:#255D5C;">Créé pour Alsacreations.com</span></a> 

Les effets au survol sont également peu supportés. Il est cependant possible de les utiliser dans les déclarations CSS placées dans <head>.

Alignement des images

Nous l’avons déjà vu, les flottants ne sont pas vraiment utilisables sur tous les moteurs de rendu. Pour aligner une image à droite par exemple, il vous reste deux solutions :

  • Créer un tableau qui va avoir une cellule à gauche pour le texte, et une cellule à droite de la taille de l’image pour l’image. Cela implique évidement de la connaître d’avance, ou dans le cas de campagnes automatisées, de tailler les images en fonction du modèle.
  • Utiliser l’attribut align="right" pour arriver à ce type de rendu.

Bonus : styler les images non chargées en CSS

Dans la mesure où certains clients de mail ne vont pas afficher vos images par défaut, il est possible de “style” l’élément <img> vide et le texte alternatif qui sera affiché comme sur notre exemple :

Style de l'attribut alt du logo

Quid du CSS3, les bords arrondis et les box shadows ?

Dans la mesure où rien ne vous empêche d’utiliser les propriétés CSS3 en ligne, il est tout à fait possible de proposer des effets à base de border-radiusbox-shadow, etc. Vous vous doutez que si le support de certaines de ces propriétés a mis du temps à arriver sur les navigateurs, il en va de même pour les clients mail. Ce sont donc des propriétés “décoratives” à utiliser avec parcimonie.

Tirer profit des templates et ressources en ligne pour vous faciliter la tâche.

Des services tel que Mailchimp et Campaignmonitor se sont depuis longtemps spécialisés dans l’e-mailling. Campaignmonitor propose un système de constructeur en ligne.

Build Campaignmonitor

Même si le code n’est pas parfait, vous pouvez télécharger le template pour l’observer et le décortiquer. La partie de l’en-tête est particulièrement interessante puisqu’elle propose bon nombre de petites lignes de CSS testées et approuvées pour améliorer l’affichage sur différents clients mail.

Mailchimp propose également une série de ressources en ligne et templates.

Mailchimp Templates

Là encore, l’idée est de jeter un coup d’oeil au code, de se l’approprier et voir ce qui pourrait servir à votre projet. La galerie de templates peut également vous aider si vous êtes en manque d’inspiration.

Enfin le projet Emailology vous propose plus ou moins la même chose avec son “Email boilerplate”. Là encore le code proposé dans le header est particulièrement bien documenté et vous proposera différentes lignes de CSS pour gérer plusieurs clients mail. La partie “Client tips & tricks” rassemble différents bugs constatés sur différents clients web, desktop et mobile.

E-mailing et responsive

Je ne pouvais pas finir un article en 2013 sur les e-mails HTML sans vous toucher un mot à propos du responsive web design dans les clients mail mobiles.

La première chose dont il faut avoir conscience, c’est qu’il n’est pas possible d’avoir des Media Queries en style CSS en ligne. Un e-mail responsive sur un client qui ne supporte pas le CSS dans <head> est donc d’ores et déjà exclu. Je pense ici au client natif de Gmail pour Android (et desktop d’ailleurs).

Pour le reste vous pouvez trouver un tableau récapitulatif des clients mobiles et leur support sur ce site ainsi qu’un tableau plus détaillé sur campaignmonitor. Vous le constaterez, le support des clients mail mobile natif pour les media-queries n’est pas mauvais du tout. Optimiser votre newsletter pour les clients mail qui supportent le responsive est donc un bonus intéressant qui ne risque pas d’affecter les autres clients, si vous avez le temps (et le budget), ça peut être intéressant de le faire.

Pour créer une modèle de mail responsive, c’est plus ou moins comme pour un site mobile, nous allons utiliser les Media Queries. Nous allons également devoir ajouter des classes à nos éléments de tableau pour pouvoir les cibler (car rappel : une règle Media Query en style ligne n’est pas possible).

Démonstration en ligne d’e-mail responsive

Et voici le rendu testé sur le client natif Android 4. En portrait, la requête de média placée à 480 pixels est prise en compte, en paysage c’est l’affichage normal puisque la taille de l’appareil en paysage dépasse les 480 pixels.

Screenshots de la template repsonsive sur Android ICS

Nous avons au final ajouté que très peu de code : une déclaration @media pour changer le design pour les clients qui ont une largeur maximum de 480px. Nous avons ajouté des classes à nos éléments de tableau pour pouvoir les cibler, et en changer la largeur :

@media only screen and (max-width: 480px) { table[class=w275], td[class=w275], img[class=w275] { width:135px !important; } table[class=w30], td[class=w30], img[class=w30] { width:10px !important; } table[class=w580], td[class=w580], img[class=w580] { width:280px !important; } table[class=w640], td[class=w640], img[class=w640] { width:300px !important; } img{ height:auto;} table[class=w180], td[class=w180], img[class=w180] { width:280px !important; display:block; } td[class=w20]{ display:none; } } 

Remarques sur ce code CSS :

  • Nous utilisons le sélecteur d’attribut [class=w275] au lieu de .w275 pour éviter que le client Yahoo! affiche la version responsive . Ce client pour une raison obscure prend en compte le contenu des Media Queries, même si la condition de largeur maximum n’est pas respectée.
  • Nous passons nos trois cellules de tableau de 180 px de large en 3 lignes avec un display:block et une largeur de 280px, pour que leur contenu soit à nouveau lisible.

Bien sûr d’autres améliorations sont possibles, il s’agit ici uniquement du repositionnement/redimensionnement des blocs pour que l’e-mail « entre » dans l’affichage client mobile, mais vous avez là une bonne base pour un début de travail. Pour aller plus loin sur le sujet des e-mails responsive et si vous n’êtes pas allergiques à l’anglais, je vous conseille vivement d’aller jeter un oeil au dossier de campaignmonitor sur le sujet : Building responsive 2-to-1 column layouts.

Enfin, pour aller plus loin dans le design et l’intégration d’e-mail en général, je vous propose une selection de quelques liens et outils :

Confier la création pro de votre email template à https://3vision-group.com

Agence web

Présentation du mode Super Bot Fight cloudflare

Près de la moitié du trafic Internet est alimenté par des bots. Les robots ont parcouru le net pendant des années, piratant sans relâche les comptes bancaires, récupérant les billets de Bruno Mars et recherchant des données sur des sites Web. Le problème est si répandu que nous avons lancé le mode Bot Fight en 2019 pour riposter. Depuis lors, plus de 150 000 particuliers et petites entreprises ont utilisé le produit et nous avons reçu d’innombrables demandes de fonctionnalités supplémentaires. Plus d’analyses, plus de détections et plus de contrôles.

Présentation du mode Super Bot Fight.

À partir de maintenant, tout utilisateur de Cloudflare avec un site Pro ou Business peut prendre de nouvelles mesures contre les bots. Nous avons ajouté des fonctionnalités avancées dans le tableau de bord et des mises à jour intéressantes à l’analyse. Les clients gratuits conserveront tous les avantages dont ils ont bénéficié avec le mode Bot Fight, et notre produit Enterprise Bot Management continuera à pousser l’aiguille sur l’innovation.

Dans le tableau de bord
Nos solutions de bot ont une nouvelle maison. Les fonctionnalités dont nous discutons dans cet article de blog vont au-delà d’une simple bascule, nous avons donc créé un hub pour la protection des robots. Dirigez-vous vers l’application Firewall et sélectionnez le sous-onglet «Bots» pour commencer.

Le nouveau hub est en ligne pour tous les utilisateurs, y compris ceux avec Enterprise Bot Management.

Fonctionnalités du plan Pro
Tout d’abord: nous intégrons notre populaire rapport Bot au plan Pro. Ici, vous pouvez voir une répartition du trafic de votre bot, mise à jour en temps réel pour vous aider à repérer les attaques.

Le rapport Bot comprend trois types de trafic:

Le trafic automatisé probable peut provenir de mauvais robots. Nous utilisons l’heuristique, l’apprentissage automatique et d’autres techniques pour repérer ces demandes. Dans la plupart des cas, ce trafic nuira à votre site sans rien fournir d’utile en retour.
Le trafic humain probable est légitime et important. Idéalement, la grande majorité de votre trafic correspond à ce type.
Le trafic de bot vérifié provient de bons robots sur Internet. Nous avons vérifié des robots de recherche comme Google et des services de notification de paiement comme PayPal. La plupart des utilisateurs choisissent d’autoriser ce trafic.
Toutes ces données sont également disponibles via GraphQL. Donc, si vous cherchez à surveiller régulièrement le trafic des robots, l’API vous aidera à le faire.

Les utilisateurs Pro peuvent également faire plus pour arrêter les bots – sélectionnez «Configurer le mode Super Bot Fight» pour ajouter une protection. Les points forts incluent:

La possibilité de contester ou de bloquer le trafic provenant de sources «définitivement automatisées». Notez que cela n’affectera que le trafic dont nous sommes le plus sûrs qu’il provienne des bots.
L’option permettant d’activer les détections JavaScript pour identifier les navigateurs sans tête et les autres acteurs sur Internet.
La possibilité d’inclure ou d’exclure les bots vérifiés de la protection.
Si votre site interagit avec Slack, par exemple, vous pouvez exclure les bots vérifiés pour aider Slackbot à faire son travail. Ou si vous remarquez une augmentation de la fraude publicitaire, essayez de contester le trafic automatisé et observez les résultats.

Business Plan Features

Bot Analytics is now included with the Business plan.

We originally launched Bot Analytics to give our Enterprise users more visibility. Since the launch, however, Business users have asked us for many of the same insights. And because Cloudflare has always tried to democratize technology (as we’ve done with Firewall Events and other products), this is something we had to do.

Business users can access a new version of Bot Analytics; one that is designed to work with the mitigation tools described below. Users can view traffic by type, adjust the time frame, and filter by different attributes like IP address or user agent.

Another perk: Bot Analytics shows how we categorize traffic. Scroll to “requests by detection source” to understand which engine flagged a particular request. If you want to learn more about our detection engines, check out our blog post on the topic.

Of course, we also added new mitigation features. While Pro users can defend against “definitely automated” traffic, Business users can also target “likely automated” traffic. What’s the difference? The latter includes requests scored by our machine learning engine. These requests often come from sophisticated bots — the ones that evade simple security tools by rotating IPs or convincingly imitating humans.

Perhaps your site suffers from inventory hoarding. You list items for sale, but they are almost immediately claimed by bots. Understandably, your customers are upset (and so are you!). Go ahead and use Bot Analytics to pinpoint the attacker, and if the attack falls under “likely automated,” consider blocking this traffic.

We also realize that different sites may have different sensitivities to bot traffic. Users can respond appropriately by issuing a challenge, blocking entirely, or doing nothing at all.

These features are all included in the Cloudflare Business plan. Once you enable mitigation, check your Firewall Events tab to watch traffic get blocked or challenged.

Enterprise Bot Management

For those with more advanced security needs, Bot Management remains the gold standard. And it’s only getting better.

Unlike Bot Fight Mode, Bot Management is built directly into the Firewall. This means that users can restrict their bot protection to a particular path (like a /login endpoint). Bot Management also includes granular bot scores, which users can pair with other attributes to produce more powerful protection. It even includes Anomaly Detection, which we use to recognize outlier patterns on your site.

We also continue to improve Bot Management. For example, just moments ago, we announced early access to API Abuse Detection. This announcement follows months of research and development. We’re using unsupervised learning to map out APIs, identify legitimate user flows, and keep out bad bots. The end result: Cloudflare will be able to protect your mobile apps (without an SDK) and secure your API endpoints (without any provided schema). Read more about the early access period.

These features (and countless others) will continue to guard the Internet’s largest sites. If you think you need Bot Management, let us know.

Helping to Build a Better Internet

Cloudflare’s goal has always been to help build a better Internet. This mission extends to every part of the Internet — and to every person who uses it.

Today’s introduction of Super Bot Fight Mode was born from this mission, particularly from the idea that we are stronger as a united front against bots. Each website we protect is one that bots will waste their resources on. At Cloudflare, we are actively fighting back, and unleashing new challenges that will disincentivize bot operation with tarpitting.

We encourage you to enable Super Bot Fight Mode today. Cloudflare now offers bot protection with every plan (including Free), so there’s no excuse not to try it! Test the new features and let us know what you think.

Agence web

Une offre ultra complète 3Vision-Group

Nous vous proposons une offre ultra complète pour le développement et la mise en ligne de votre site web afin que vous puissiez vous concentrer sur le cœur de votre activité .

Création de Site web

Nom de domaine

Hébergement

Maintenance
Conception & Design

Une conception ergonomique assurant un confort de navigation optimal de votre site web et un design mettant en valeur votre activité.

Développement & Intégration

Un site web maintenable, sécurisé, performant et évolutif , grâce à l’utilisation des dernières technologies et des meilleurs pratiques de développement.

Responsive Design

Bénéficiez d’un affichage et d’une utilisation optimale du site web sur les différentes tailles d’écrans et différents types d’appareils (PC, Tablette, Smartphone).

Référencement Naturel

L’adaptation du contenu de votre site aux bonnes pratiques de référencement vous garantira la meilleure position possible dans