Les icones sociaux

, par Patrice HARDOUIN

Les moyens permettant de partager l’information entre les sites existent depuis longtemps, notamment via les listes de syndication (RSS (format) et ATOM). De nouveaux icones sont ensuite apparues pour permettre le partage d’informations entre les sites et les réseaux sociaux.

Les 4 principales icônes signalant le partage sur internet

Les fils de syndication

PNG - 7.1 ko
Feed icon (RSS, ATOM)

Les fils de syndication (Syndication) sont très pratiques pour suivre automatiquement l’actualité d’un site (ou d’une partie d’un site). Vous trouverez des informations complémentaires sur wikipedia (RSS (format) et ATOM).

Les fils de syndication peuvent être regroupés dans un même lecteur (appelé agrégateur). Vous pouvez utiliser votre logiciel de messagerie préféré comme Thunderbird (lire à ce sujet l’article Recevoir les nouveautés du site sur son ordi.).

Sous Firefox l’agrégation de fils de syndication est présente nativement dans le logiciel mais vous pouvez, si vous le souhaitez, installer le module d’agrégation SAGE (Outils->Modules Complémentaires) : installation de SAGE dans Firefox

Vous pouvez également opter pour un agrégateur autonome comme Liferea par exemple (vous trouverez d’autres agrégateurs sur Framasoft : RSS et Podcast).

Ainsi, sur ce site, nous avons à disposition plusieurs fils de syndication :

- L’intégralité des actualités du site www.biotechno.fr
- vous pouvez ne vous abonner qu’à une rubrique seule. Dans ce cas, affichez la rubrique désirée.

Le site du logo des fils de syndication est http://feedicons.com.

Les listes OPML

PNG - 42.7 ko
OPML Icon

Un site internet peut proposer de syndiquer ses propres articles (c’est le rôle des fils de syndication du chapitre précédent) mais il peut également syndiquer lui-même d’autres sites.

Ainsi, sur Biotechno pour les Profs nous avons répertorié des sites estimés comme étant "pédagogiquement pertinents". Certains de ces sites proposent eux-mêmes des fils de syndication.

Les visiteurs peuvent consulter aisément les dernières publications de ces différents site sur une page dédiée de Biotechno pour les Profs : Planète des Biotechnologies.

Pour les visiteurs qui ne souhaiteraient pas passer par cette page (Planète des Biotechnologies), il existe une liste OPML qui permet de mettre à jour automatiquement son agrégateur avec toute la liste des sites syndiqués : http://www.biotechno.fr/spip.php?pa... et ainsi consulter toutes les dernières publications des sites "pédagogiquement pertinents" pour l’enseignement des Biotechnologies.

Le code de la page SPIP page-opml.html (réalisé à partir de l’article http://www.spip-contrib.net/Un-sque... auquel a été ajouté un rubricage des sites utilisé par des agrégateurs comme Sage ou Liferea) :

<opml version="1.0">

<head>
        [<title>(#NOM_SITE_SPIP|texte_backend)</title>]
        <BOUCLE_premiersyndique(SITES){tout}{par date}{0,1}>[<dateCreated>(#DATE|date_822)</dateCreated>]</BOUCLE_premiersyndique>
        <BOUCLE_derniersyndique(SITES){tout}{par date}{inverse}{0,1}>[<dateModified>(#DATE|date_822)</dateModified>]</BOUCLE_derniersyndique>

        [(#REM)<docs>http://www.scriptol.fr/xml/OPML-1.0.html</docs>]
</head>

<body>



        <BOUCLE_rub_racine(RUBRIQUES){racine} {par num titre}>
       
        <B_syndic>
               
        <outline
                [title="(#TITRE|texte_backend)"]
                [text="(#TITRE|texte_backend)"]
                [description="(#DESCRIPTIF|supprimer_tags|texte_backend|sinon{[(#TITRE|texte_backend)]})"]
                type="folder"
        >

        <BOUCLE_syndic(SITES){id_secteur}{syndication=oui} {par nom_site}>

                <outline
                        [text="(#NOM_SITE|texte_backend)"]
                        [description="(#DESCRIPTIF|supprimer_tags|texte_backend|sinon{[(#NOM_SITE|texte_backend)]})"]
                        [title="(#NOM_SITE|texte_backend)"]
                        type="rss"
                        version="RSS"
                        [htmlUrl="(#URL_SITE)"]
                        <BOUCLE_lang(RUBRIQUES) {id_rubrique}>[language="(#LANG)"]</BOUCLE_lang>
                        [xmlUrl="(#URL_SYNDIC)"]
                />

        </BOUCLE_syndic>

        </outline>
       
        </B_syndic>
       
        </BOUCLE_rub_racine>

</body>

</opml>

Le site du logo des listes opml est http://opmlicons.com.

Les coordonnées de géolocalisation

PNG - 8 ko
Geotag Icon

Avec la démocratisation des appareils GPS, les fichiers (notamment les photographies) peuvent être augmentées de leurs coordonnées GPS. Cet icone permet de signaler la présence de ces coordonnées (voir Géotag).

- Géolocaliser ses photos avec un GPS.
- Des examples pour utiliser le logo dans son site web

Le site du logo de la géolocalisation est http://geotagicons.com.

Les liens de partage vers les réseaux sociaux

PNG - 5.5 ko
Open Share Icon
PNG - 30.8 ko
Utilisation de l’Open Share Icon

De plus en plus on trouve toute une ribambelle de petits icones représentants différents réseaux sociaux. Un clic sur l’un de ces icones permet de référencer l’article présent à l’écran sur le réseau social choisi.

Le logo Open Share Icon a été créé afin d’éviter au visiteur de devoir tomber sur tout cet étalage d’icones de réseaux sociaux. Son utilisation peut être très simple, par exemple un clic sur l’icone Open Share Icon permet d’afficher la liste des réseaux sociaux disponibles.

- Un exemple d’utilisation du logo avec un script en javascript.
Exemple d'utilisation du Open Share Icon sur le iBegin Blog

- Un autre exemple sur l’excellentissime site Framasoft.org qui utilise l’outil de Addthis.
Exemple d'utilisation du Open Share Icon sur framasoft.org

Le site du logo des liens de partage est http://openshareicons.com.