- Le partage d'une page à travers le réseau des visiteurs
-
L'intérêt du bouton des réseaux sociaux et de permettre une diffusion sur les réseaux sociaux des visiteurs des informations de la page d'un site. Ainsi, chaque page d'un site devrait être référencée. Du moins celles disposant dont la promotion serait stratégique.
Comment les informations circulent ?
Les boutons des réseaux utilisés dans un site sont accompagnés par un fichier Javascript qui disposent des fonctionnalités qui permettent à un visiteur du site de se connecter à distance à son compte et diffuser de l'information.
En retour, le même outil Javascript informe le site qu'un visiteur supplémentaire a partagé la page en mettant à jour le nombre affiché dans le compteur.
- Charger le code de ressources tiers en fin de fichier
-
Les ressources externes telles que celles qui sont utilisées par les boutons des réseaux sociaux nécessitent d'utiliser de lier un fichier et récupérer des données distantes.
Ces connexions retardent le chargement de la page. Il peu donc être utile d'établir la liaision avec ces fichiers en fin de fichier HTML ce qui permettra au contenu de la page d'apparaître dans le navigateur sans être retardé.
Les attributs defer et async
La balise HTML <script> dispose des attributs defer et async
-
defer : Retarde à la toute fin du processus de chargement le fichier lié. C'est le navigateur qui et retarde et gère le chargement du fichier. A noter que l'ordre de chargement sera établit par le navigateur. Ceci peut avoir pour effet qu'un script soit chargé avant la librairie qu'il utilise. Par conséquent le script ne réussira pas à s'exécuter.
Exemple du code...
<script src="js/scripts.js" defer></script/>
-
async : Retarde également à la fin du processus le chargement du fichier lié. La différence avec <defer> est que le chargement se fait de manière asynchrone. Ce qui signifie que les contenus apparaissent dans le navigateur avant que le chargement des fichiers liés soient initiés.
Exemple du code...
<script src="js/scripts.js" async></script/>
- Utiliser des boutons conçus sur mesure
-
Il n'est pas nécessaire de faire appel aux API des réseaux sociaux pour promouvoir la page d'un site.
Il est possible de transmettre les informations concernant une page par un hyperlien
Facebook par exemple permet par la page http://www.facebook.com/share.php de transmettre les informations d'une page en indiquant :
- le titre de la page : u=Titre%20de%20la%20page
- le lien URL de la page : url=http%3A%2F%2Fwww.site.com
Note : L'encodage des symbôles en HTML (ex. %3A), est nécessaire lorsque des informations inscrites dans une URL disposent de symbôles ou des espaces.
Code image Facebook
<a href="http://www.facebook.com/share.php?u=Titre&url=http%3A%2F%2www.site.com"><img src="facebook-icon.png" /></a>
<a href="https://twitter.com/intent/tweet?text=Titre&url=http%3A%2F%2Fwww.site.com"><img src="twitter-icon.png" /></a>
<a href="https://www.linkedin.com/shareArticle?mini=true&title=Titre&url=http://www.site.com"><img src="linkedin-icon.png" /></a>