101 façons de rendre votre site Web plus impressionnant

Je parlais à un ancien client la semaine dernière et elle a dit: «Nick, je sais que j'ai besoin d'aide avec le site, mais je ne suis pas sûr de ce dont j'ai besoin.»

Alors j'ai demandé autour de moi. Amis, famille, autres hommes d'affaires non connectés à Internet. Ils ont tous dit la même chose:

«J'ai besoin d'une liste de contrôle. Je ne sais pas comment créer un site Web. C'est pourquoi j'ai besoin d'embaucher quelqu'un. Mais je veux toujours savoir de quoi il s'agit.

J'ai donc commencé à faire une liste de tout ce que nous avons fait chez AwesomeWeb (et de certaines choses que nous n'avons pas).

Voici ma promesse…

… Si vous corrigez tout sur cette liste, vous aurez l'un des meilleurs sites de votre secteur, sinon le meilleur.

Comment le sais-tu?

Chez AwesomeWeb, j'ai examiné plus de 1000 des meilleurs pigistes au monde. Pour autant que je sache, je n'ai jamais vu un site qui puisse cocher toutes les cases.

En tant que propriétaire d'entreprise, utilisez cette liste pour savoir ce qui doit être fait. Envoyez-le à votre concepteur ou développeur. Vous pourrez même en réparer vous-même quelques-uns.

En tant que pigiste, utilisez cette liste pour rendre tout ce que vous créez plus impressionnant. Revenez aux anciens clients et dites:

«J'étais en train de revoir ce que nous avons construit et j'ai remarqué que nous pouvions réparer ceci, ceci et cela. Je peux le faire pour 500 $, 1 000 $, 5 000 $ et vous pouvez vous attendre à ces résultats… »

Le point est…

… Je veux vous aider à rendre le Web plus impressionnant. Cela commence ici, avec cette liste.

Branding génial

  1. Obtenez un logo professionnel . Il est rare de trouver un site Web ou un blog avec un bon logo. C'est donc un bon moyen de construire une crédibilité instantanée.
  2. Téléchargez un favicon prêt pour la rétine (l'icône carrée sur l'onglet de votre navigateur). La plupart des sites ont des favicons de 16 × 16 pixels. Sur les écrans Retina, ils sont flous. Utilisez X-Icon Editor pour générer un favicon de 64 × 64 pixels.
  3. Utilisez toujours des images prêtes pour la rétine . Assurez-vous simplement que l'image est deux fois plus grande que son conteneur, puis réduisez-la.
  4. Utilisez 2 à 3 couleurs max . Vous devez avoir une couleur d'arrière-plan, une couleur d'appel à l'action et une couleur d'accentuation.
  5. Lorsque vous choisissez une palette de couleurs, commencez par des couleurs complémentaires ou triades . Ajustez à partir de là. De bons combos de couleurs vous donnent un design qui raconte une histoire.
  6. N'utilisez jamais de vrai noir (# 000000). Le noir pur n'existe pas, il semble donc hors de propos en ligne. Le noir, en réalité, est toujours une nuance sombre d'une autre couleur.
  7. N'utilisez jamais de gris neutre (par exemple #cccccc) si vous voulez que votre design ait une personnalité. Ajoutez une teinte de jaune pour apporter de la chaleur, de rouge pour donner de l'énergie ou de bleu pour créer la confiance.

Typographie géniale

  1. Choisissez une police premium . Utilisez un service comme Typekit. On dit que 95% du Web est de la typographie. Utiliser une police premium est le moyen le plus simple et le moins coûteux de faire bonne impression.
  2. Utilisez 2 à 3 polices max . Plus est compliqué et ralentit le temps de chargement. Choisissez une police de titre et une police de paragraphe. Un de plus si vous voulez une police pour des cas particuliers.
  3. Définissez une taille de police de corps à 16 pixels minimum . Tout ce qui est plus petit est difficile à lire sur de grands écrans. Réduisez à 12 pixels sur les appareils mobiles.
  4. Choisissez une échelle typographique comme la quatrième augmentée, la quinte parfaite ou le nombre d'or. Utilisez l'échelle pour définir les tailles de police pour votre texte de paragraphe, H4, H3, H2 et H1. Basez vos hauteurs de ligne et vos marges de texte sur cette échelle.
  5. Concevez d'autres éléments typographiques tels que des guillemets, des listes à puces, des listes numérotées, des légendes, du texte d'aide, des alertes, du texte en surbrillance, des exemples de code, des abréviations et même des adresses.
  6. Installez une police d'icônes personnalisée telle que Font Awesome au lieu d'utiliser des images pour des éléments communs tels que les logos de réseaux sociaux, les boutons de navigation et les graphiques interactifs. Une police d'icônes se charge plus rapidement, s'adapte à l'infini et vous donne la liberté de changer sa couleur comme vous le souhaitez.

Superbes mises en page

  1. Utilisez la règle des tiers pour une mise en page de base. Divisez votre mise en page en tiers horizontalement et verticalement, puis alignez les points de mise au point clés aux intersections des lignes.
  2. Maintenez une grille verticale avec un système de grille. Divisez votre interface en dispositions de 8, 12 et 16 colonnes avec de généreuses gouttières entre les colonnes.
  3. Gardez un rythme vertical cohérent avec une grille de base . L'espace entre les lignes de texte est tout aussi important que l'espace entre les blocs de contenu. Chaque ligne de texte doit avoir une marge inférieure qui se trouve sur la ligne de base.
  4. L'espace blanc est luxueux. Il est là pour créer une marge de manœuvre et un équilibre. Attirez l'attention de vos lecteurs sur ce qui est le plus important.
  5. Équilibrez les éléments visuels de votre site comme les boutons, les entrées, les formulaires, les titres, etc. Vous devriez pouvoir brouiller vos yeux et suivre le chemin que vous voulez que vos utilisateurs empruntent.

Interfaces utilisateur impressionnantes

  1. Utilisez de gros boutons d'appel à l'action audacieux . Chaque page doit avoir un objectif. C'est presque toujours de cliquer sur un bouton. Assurez-vous que ce bouton ne peut pas être manqué.
  2. Ajoutez des états de survol et actifs à vos liens, boutons, entrées et zones de texte. Si vous choisissez d'alléger vos boutons en survol, vous devez également alléger les liens et les bordures sur vos entrées.
  3. Soyez cohérent avec le style de la forme . Toutes les zones de texte et les champs de saisie doivent avoir le même style. Mêmes couleurs de bordure, couleurs d'arrière-plan, au survol, au texte actif, à l'espace réservé, au texte actif, etc. Assurez-vous que les tabindex sont correctement configurés afin de pouvoir les parcourir dans le bon ordre.
  4. Changez la couleur des liens visités pour informer l'utilisateur qu'il a déjà visité cette page.
  5. Une fois que vous avez votre logo, vos couleurs, votre typographie, votre mise en page et vos tailles d'image, établissez un guide de style . Les bonnes interfaces utilisateur sont construites avec des composants cohérents qui ont toujours le même style.

Expérience utilisateur impressionnante

  1. Ajoutez des micro-interactions aux boutons et autres champs. Par exemple, un bouton «Télécharger» doit devenir «Téléchargement» ou «Traitement» après avoir cliqué.
  2. Pas de parchemin ! Ne gâchez jamais le comportement par défaut du navigateur. Vous pourriez penser que c'est bien de faire défiler deux fois plus vite que d'habitude, mais ce n'est pas le cas.
  3. Débarrassez-vous de votre curseur de page d'accueil . Ils diminuent les conversions et il existe de meilleures façons d'afficher plus d'informations dans un petit espace.
  4. N'utilisez jamais une porte de bienvenue . Lors de la première visite de votre page d'accueil, l'utilisateur s'attend à voir votre page d'accueil.
  5. Utilisez des titres, des sous-titres, des paragraphes principaux, des listes et des légendes pour rendre votre contenu facilement numérisable. La plupart des personnes qui visitent une page Web la scanneront avant de décider de la lire.
  6. Ajoutez un texte d'espace réservé descriptif à tous vos formulaires, entrées et listes déroulantes. Si vous voulez que quelqu'un remplisse un champ d'une certaine manière, dites-lui. Pour les champs déroulants ou sélectionnés, rendez la première option descriptive. «Sélectionnez l'année» est mieux que «2016».
  7. Ajoutez la validation HTML5 sur vos formulaires pour indiquer clairement en cas d'erreur dans le formulaire après qu'un utilisateur tente de le soumettre.
  8. Rendez vos sites Web accessibles aux malvoyants en évitant les noms de lien vagues, en réduisant l'encombrement, en utilisant la ponctuation, en conservant une mise en page simple, en ajoutant du texte alternatif aux images, en utilisant un texte plus grand et en maintenant un contraste élevé entre le texte et les couleurs d'arrière-plan.
  9. Vérifiez votre site pour les liens rompus avec BrokenLinkCheck.com. Corrigez les liens brisés pour que les gens ne se fâchent pas lorsqu'ils cliquent dessus.

Développement génial

  1. Assurez-vous que votre site est optimisé pour les mobiles pour s'afficher de manière réactive sur n'importe quel appareil. Les sites correctement optimisés pour les mobiles se chargent plus rapidement, sont mieux classés et offrent une meilleure expérience à vos utilisateurs.
  2. Générez et affichez la taille d'image optimale . Si vous téléchargez une grande image, comme une image de présentation d'article de blog, et que vous souhaitez l'afficher à d'autres endroits du site, comme la barre latérale, assurez-vous d'afficher la version miniature de l'image au lieu de l'image en taille réelle.
  3. Ajoutez des balises alt et title à toutes les images et liens . Si pour une raison quelconque une image ne se charge pas, votre site affichera le texte alternatif à sa place. De plus, lorsque vous survolez des liens, le navigateur affiche la balise de titre de ce lien.
  4. Utilisez un d au lieu de et pour mettre le texte en gras et en italique. Ils ont le même effet, mais ils ont une différence fondamentale. est un style. est une indication de la façon dont quelque chose doit être compris.
  5. Correction du HTML bâclé . Lorsque vous copiez du contenu collé dans un éditeur WYSIWYG (comme la vue visuelle de WordPress), cela ajoute de nombreuses étendues inutiles et des styles en ligne. Avec le temps, votre site deviendra illisible.
  6. En parlant de cela, supprimez les styles en ligne de votre HTML. 99% du temps, vos règles de style doivent aller dans un fichier CSS afin que vous puissiez mettre à jour toutes les instances d'un composant en même temps au lieu de les mettre page par page, ligne par ligne.
  7. Utilisez des variables Sass au lieu de CSS pour garder les couleurs et les autres composants cohérents sur votre site. Vous voulez changer une couleur et chaque nuance de cette couleur? Mettez à jour une ligne au lieu de centaines.
  8. Lien vers des permaliens et non vers des URL au cas où vous changeriez de domaine. Par exemple, lorsque vous créez un lien vers une certaine page, votre code HTML doit lire au lieu de. Idem pour les sources d'images et les arrière-plans CSS. Si vous ne le faites pas et placez le site sur un nouveau domaine, toutes vos sources seront liées à des pages et des fichiers qui n'existent plus.
  9. Développez un plugin ou un outil personnalisé pour fournir des fonctionnalités uniques à votre site. Un logiciel personnalisé est difficile à maintenir mais vous donnera un avantage concurrentiel sur des sites similaires.
  10. Testez la compatibilité entre navigateurs en vous assurant que votre site s'affiche correctement dans Chrome, Firefox, Safari, Internet Explorer et d'autres navigateurs. Les anciennes versions d'IE sont notoirement mauvaises pour afficher des sites Web. Utilisez BrowserStack et vérifiez manuellement.
  11. Utilisez le service de validation de balisage du W3C pour trouver des erreurs flagrantes dans votre HTML. Gardez à l'esprit que la plupart des sites n'ont pas de code HTML parfaitement valide. Ce n'est pas la priorité absolue, mais vous donnera une bonne idée s'il y a des erreurs.
  12. Configurez un environnement de préparation pour apporter des modifications à votre site Web actuel. Idéalement, vous devriez avoir un site de production, que tout le monde voit, et un site de préparation, où votre développeur apporte des modifications. Une fois que les modifications sont prêtes à être mises en ligne, mettez le site de préparation en production.
  13. Afficher l'année en cours dans le pied de page des droits d'auteur . Lorsque vous voyez un site avec un ancien copyright, vous supposez qu'il n'est plus actif. Utilisez un script PHP ou similaire pour afficher l'année en cours au lieu d'un texte statique (par exemple © -).

Optimisation impressionnante des moteurs de recherche

  1. Choisissez une phrase-clé par page pour laquelle vous souhaitez que cette page soit classée. Concentrez-vous sur l'optimisation de chaque aspect de cette page pour ce mot-clé. Pas dans le sens de mettre ce mot-clé dans chaque phrase. Soyez juste intelligent sur la façon dont vous voulez qu'il soit classé.
  2. Définissez des balises de titre riches en mots clés sur chaque page. Le titre s'affiche sous forme de lien bleu dans les résultats de recherche Google. Limité à 55 caractères.
  3. Incluez une et une seule balise H1 par page. Dans la plupart des cas, ce sera le même que votre balise de titre.
  4. Incluez de nombreux H2, H3 et H4 dans le contenu de votre page pour créer des sous-titres et une hiérarchie visuelle.
  5. Optimisez votre page pour un mot-clé spécifique en l'incluant dans le titre, H1, sous-titres et dans le premier 1/3 du contenu.
  6. Votre méta-description s'affiche dans les résultats de recherche sous forme de description sous le lien. Assurez-vous de l'inclure sur chaque page et d'inclure le mot clé.
  7. Votre permalien , qui est l'URL après le domaine (c'est-à-dire domain.com/permalink-here/), doit inclure la phrase-clé séparée par des tirets.
  8. Google considère l' âge du domaine dans son algorithme, car un domaine enregistré depuis de nombreuses années est susceptible d'être une ressource de meilleure qualité. Enregistrez votre domaine plusieurs années à l'avance. Si vous avez enregistré votre domaine pendant 10 ans, votre entreprise est sérieuse.
  9. En moyenne, le premier résultat sur le SERP (page de résultats des moteurs de recherche) pour un mot clé donné conduit à une page de plus de 2000 mots par page . Lorsque vous rédigez un article de blog ou créez une page que vous souhaitez bien classer, essayez de frapper au moins 2000 mots.
  10. Créez toujours un plan de site en tant que fichier sitemap.xml et placez-le dans votre répertoire racine pour qu'il s'affiche sur domain.com/sitemap.xml. Il indique à Google où se trouvent toutes vos pages et doit se mettre à jour automatiquement lorsque vous ajoutez du nouveau contenu. Envoyez-le à Google via les outils pour les webmasters.
  11. Ajoutez votre site Web Google Webmaster Tools afin de voir comment Google indexe votre site et de rester à jour en cas de problèmes critiques.
  12. Pour aider vos images à se classer, renommez toujours vos images et autres fichiers avant de les télécharger sur votre site Web (par exemple, rank_for_this_keyword_phrase.png).
  13. Incluez un fichier robots.txt sur votre site pour indiquer aux robots d'exploration quelles pages ils doivent et ne doivent pas indexer.
  14. Ajoutez une redirection canonique pour diriger le non-www vers la version www de votre site Web, ou vice versa.
  15. Recherchez et intégrez des mots-clés LSI (indexation sémantique latente) sur chaque page pour aider le classement de page pour le mot-clé principal. Trouvez les mots-clés LSI en recherchant votre mot-clé sur Google et en recherchant les liens «Recherches liées à…».
  16. Assurez-vous de lier activement votre contenu . Chaque page de votre site doit être accessible en trois clics ou moins depuis la page d'accueil.
  17. Ajoutez des données structurées sur les pages pertinentes pour aider Google à indexer correctement votre contenu. Les types de pages qui nécessitent des données structurées personnalisées incluent les personnes, les produits, les événements, les organisations, les films, les livres et les critiques. Utilisez Schema Creator pour générer des données structurées.
  18. Consultez PageSpeed ​​Insights de Google pour vous assurer que vous avez résolu tous les problèmes courants qui ralentissent la vitesse de votre page. Plus votre site se charge rapidement, plus il sera classé.

Vitesse de page impressionnante

  1. Gardez le poids de page sous 2MB . Utilisez tools.pingdom.com pour vérifier le poids de vos pages de destination principales. Tout ce qui dépasse 2 Mo est trop lourd.
  2. Gardez les demandes de pages inférieures à 50 . Chaque fichier et image sur une page donnée est une requête HTTP. Moins il y a de demandes, plus il se chargera rapidement. La page Web moyenne a 70 demandes. Utilisez GTmetrix pour voir vos demandes.
  3. Concevez des éléments de page avec CSS au lieu d'images d'arrière-plan . N'utilisez jamais une image pour afficher un bouton, un formulaire ou un autre composant courant sur votre site. CSS se charge plus rapidement et est plus flexible dans les mises en page réactives.
  4. Optimisez les images avant de les télécharger sur votre site. Des outils comme TinyPNG peuvent réduire la taille de vos fichiers image de 80 à 95% sans perte de résolution ou de qualité d'image.
  5. Configurez un réseau de diffusion de contenu pour héberger vos images et autres fichiers plus volumineux dans plusieurs endroits du monde. Les CDN stockent et livrent vos fichiers à partir de serveurs stratégiquement situés pour maximiser la vitesse de chargement en fonction de l'emplacement physique de votre visiteur.
  6. Réduisez JavaScript, HTML et CSS à l'aide d'outils de compilation et de compression avant de télécharger des fichiers sur votre site Web. Pour JavaScript, utilisez Closure Compiler. Pour HTML, utilisez HTML Minifier. Pour CSS, utilisez YUI Compressor.
  7. Déplacez le code JavaScript bloquant le rendu vers le pied de page . Les seuls scripts qui doivent être placés dans l'en-tête sont les scripts qui affectent immédiatement la conception de la page (par exemple les polices personnalisées).
  8. Évitez les redirections de page de destination . Les redirections déclenchent une requête HTTP supplémentaire qui retarde le rendu de la page.
  9. Tirez parti de la mise en cache du navigateur en définissant des dates d'expiration pour les pages et les types de pages qui ne sont pas souvent mis à jour. La mise en cache du navigateur indique au navigateur de charger les pages précédemment téléchargées à partir du disque local plutôt que via le réseau.
  10. Activez la compression gzip dans la configuration de votre serveur. La compression peut réduire le temps de réponse transféré de 90%, ce qui améliore le temps de premier rendu de vos pages.
  11. Activez Keep-Alive sur les paramètres de votre serveur pour permettre à la même connexion TCP d'envoyer et de recevoir plusieurs requêtes HTTP, réduisant ainsi la latence des requêtes suivantes.
  12. Passez à un serveur dédié ou à un service d'hébergement premium pour améliorer le temps de réponse du serveur. Lorsque vous utilisez un environnement d'hébergement partagé, votre site est généralement l'un des centaines sur le même serveur. Si l'un de ces cent sites connaît beaucoup de trafic, cela ralentira la vitesse de votre page.

Conception graphique impressionnante

  1. Obtenez une couverture d'ebook personnalisée pour votre bonus opt-in. Ils ne sont pas difficiles à créer et peuvent faire une énorme différence dans votre taux de conversion.
  2. Concevez un graphique ou une illustration personnalisé pour votre page d'accueil ou vos pages de vente. Une belle illustration faite spécifiquement pour votre site est un moyen facile de rendre votre site plus mémorable.
  3. Créer une coutume ou d'une série de coutume blog post caractéristique de conception d'image . C'est l'image qui se propage sur Facebook, Twitter, Pinterest, etc. Lorsqu'un utilisateur voit un certain type d'image associé à un article de blog, il doit savoir que vous l'avez écrit.
  4. Affichez des illustrations d'avatar ou des caricatures personnalisées pour vous-même et chaque membre de votre équipe. Les caricatures personnalisées peuvent être moins coûteuses que l'embauche d'un photographe professionnel chaque fois que vous ajoutez quelqu'un à votre équipe. De plus, c'est un beau cadeau pour un nouveau membre de l'équipe.
  5. Les infographies personnalisées qui affichent des données et d'autres contenus de manière visuelle ont tendance à générer plus de trafic que l'équivalent du blog. Les gens aiment partager des infographies sur des sites comme Pinterest ou les republier sur leurs propres sites avec un lien retour vers votre site.
  6. Si vous produisez une vidéo ou une série de vidéos, vous devriez avoir une intro et / ou une sortie vidéo personnalisée pour lui donner une touche professionnelle. Sans parler d'autres graphiques vidéo ou animations qui aideront votre marque à se démarquer.

Sécurité Web impressionnante

  1. Installez un certificat SSL pour permettre une connexion sécurisée d'un serveur Web à un navigateur. La plupart des logiciels de paiement nécessitent un certificat SSL si vous acceptez les cartes de crédit. Google a déclaré qu'un certificat SSL améliorera votre classement de recherche.
  2. Gardez vos logiciels et plugins à jour . Lorsque WordPress et d'autres logiciels CMS publient une mise à jour, c'est généralement pour corriger une vulnérabilité. Si vous ne le faites pas, ce n'est qu'une question de temps avant que votre site ne soit piraté.
  3. Configurez une porte de connexion à double authentification pour vos pages d'administration. La plupart des hacks commencent par la page de connexion.
  4. Recherchez et supprimez les logiciels malveillants . Si votre site a déjà été piraté, ils ont probablement ajouté des fichiers corrompus qui ne sont pas faciles à trouver. Si vous ne le supprimez pas rapidement, votre site peut être mis sur liste noire par Google, qui regroupe votre classement et avertit les utilisateurs de quitter lors de leur visite.
  5. Ne laissez jamais votre nom d' utilisateur d'administrateur comme «admin». Supprimez le compte administrateur par défaut et créez-en un nouveau avec un nom d'utilisateur différent.
  6. Sauvegardez régulièrement vos fichiers de base de données et de site Web . La plupart des logiciels et plugins de sauvegarde ne sauvegardent que votre base de données, qui comprend les données et le contenu. Mais si vous perdez votre site, vous aurez besoin d'une sauvegarde des fichiers pour le restaurer.

Contenu génial

  1. Créez une page d'erreur 404 personnalisée qui s'affichera chaque fois qu'un utilisateur tente de visiter une page qui n'existe pas. Utilisez la page 404 pour les rediriger vers la page d'accueil ou les aider à trouver ce qu'ils recherchent.
  2. Autre que votre page d'accueil, votre page À propos est probablement la page la plus visitée de votre site. Assurez-vous qu'il représente bien vous et votre entreprise.
  3. Une page de contact aidera les gens à vous contacter, mais elle renforcera également la confiance entre vous, vos visiteurs et même Google. Lors de la détermination du classement de votre site, les robots trouveront votre page de contact et rechercheront un e-mail, un numéro de téléphone et une adresse. Les informations de contact indiquent à Google que le site est légèrement plus fiable.
  4. Il est bon d'avoir des formulaires d'inscription stratégiquement répartis sur votre site, mais il est également judicieux d'avoir une page de compression avec rien d'autre qu'un opt-in à conversion élevée. Lorsque vous souhaitez que quelqu'un s'abonne, créez un lien vers cette page.
  5. Lorsque quelqu'un s'abonne à votre liste, assurez-vous de l'envoyer à une page de confirmation lui demandant de confirmer son e-mail. S'ils ne confirment pas immédiatement leur e-mail, ils risquent de l'oublier et de ne jamais revenir.
  6. Après avoir cliqué sur le lien de confirmation dans l'e-mail, envoyez-les à une page de remerciement où ils peuvent voir la suite. C'est une page que chaque abonné verra et qu'il ne verra qu'une seule fois, c'est donc une opportunité parfaite pour leur proposer une offre ou les encourager à faire un achat.
  7. Votre site Web ou votre thème doit avoir un modèle de page de destination que vous pouvez utiliser lorsque vous avez besoin que vos utilisateurs entreprennent une action spécifique.
  8. Si vous vendez quelque chose, assurez-vous d'avoir une belle page de vente . Commencez par un titre. Faites de la place pour votre présentation. Ajoutez peut-être une vidéo de vente. Et dirigez les gens vers l'achat au bas de la page.

Médias sociaux géniaux

  1. Limitez le nombre de boutons de réseaux sociaux sur vos publications et pages, car chaque bouton exécute un script qui ajoute un temps de chargement supplémentaire à la page. N'incluez que les boutons 1 à 5, par exemple Facebook, Twitter, LinkedIn, Pinterest, Google+, etc. où votre contenu est le plus souvent partagé.
  2. Créez des graphiques de réseaux sociaux pour votre page Facebook, votre compte Twitter et votre chaîne YouTube. Les graphiques personnalisés font une impression immédiatement positive qui encouragera les visiteurs novices à aimer, suivre et s'abonner à votre page, profil ou chaîne.
  3. Configurez les balises META Facebook Open Graph pour vous assurer que votre contenu est correctement partagé sur Facebook. Utilisez le débogueur Facebook pour vérifier votre page d'accueil, vos publications et d'autres pages pour voir comment ils s'affichent lorsque quelqu'un partage cette URL.
  4. Configurez des cartes Twitter pour joindre automatiquement des photos et des vidéos riches à vos tweets lorsqu'une URL de votre site est partagée. Commencez avec les cartes Twitter ici.
  5. Configurez des extraits Google+ pour personnaliser ce que les internautes voient lorsque votre site est partagé sur Google+. Utilisez le guide Snippet pour générer le code. Même si votre site ne reçoit pas beaucoup d'amour sur Google+, Google saura si vous ajoutez correctement les métadonnées et cela devrait avoir un certain poids.
  6. Cachez les icônes de réseaux sociaux sur votre site qui renvoient à vos profils. Faites-les petits ou affichez-les uniquement dans le pied de page. Le but du marketing sur les réseaux sociaux est de ramener les gens sur votre site, et non l'inverse.

D'accord, qu'est-ce que je manque? En tant que pigiste ou propriétaire d'entreprise, faites-vous quelque chose pour rendre vos sites plus impressionnants?

J'aimerais entendre vos commentaires. Laissez un commentaire ou tweetez @wntart .

Si vous pensez que plus de personnes devraient voir cette liste, veuillez la recommander. Rendons le Web plus génial!

À votre santé,

pseudo

PS Si vous avez besoin d'aide pour quelque chose sur cette liste, engagez des designers ici ou des développeurs ici. Nous avons les meilleurs pigistes au monde et ils sont heureux de vous aider!

Si vous souhaitez rejoindre AwesomeWeb en tant que pigiste pour obtenir plus de clients, inscrivez-vous ici.

Original text