par AFI Aveyron | 9, Mai 2013 | Les news, Matériel et logiciel
Analytics Seo un site web qui va vous accompagner dans le suivi de votre site internet.
Les logiciels et sites web prétendant vous aidez dans votre tâche de référencement de votre site web sont nombreux sur le net.
Aujourd’hui, je vais vous présenter Analytics Seo un site web qui va vous accompagner dans le suivi de votre site internet.
Première étape : créer un compte
Si vous désirez tester ce service, vous pouvez créer un compte gratuit en vous rendant à cette adresse :
http://www.analyticsseo.com/fr/free
Une fois cette étape passée et les différents champs remplis, vous pourrez vous rendre sur la page d’accueil de votre tableau de bord.
Vous pourrez si vous le désirez renseigner différents champs et paramètres afin de compléter l’analyse de votre site web comme par exemple votre compte Google Analytics.
Le tableau de bord reprend les principales informations concernant votre site web.
Pour ma part, je retiendrais les tendances des indicateurs de performance. Pour ce faire, votre compte doit être créé depuis au moins une semaine afin d’avoir accès à un historique.
Le panneau Actions prioritaires vous permet en un coup d’œil de savoir qu’elles sont les actions à mettre en place.
Page récapitulative de votre site web d’Analytics Seo
Les informations Analytics Seo
Onglet technique
L’onglet technique va renvoyer toutes les informations concernant l’optimisation de votre site web du point de vue purement technique. Pour infos, quand vous avez un sous menu noté d’une pastille rouge vous devez agir sur ce paramètre pour le corriger.
Les modifications sont relativement facile a effectuée : URL canonique, plan du site HTML et XML, erreur 4XX.
Les infos techniques délivrées par Analytics Seo
Onglet Concurrence et mots clefs
Vous avez la possibilité de surveiller avec votre compte gratuit 10 mots-clefs et 5 sites concurrents. Dans ce menu, vous trouverez ainsi de multiples informations vous permettant de comprendre la concurrence et tenter d’apporter des modifications à votre site pour qu’il réponde mieux aux attentes des internautes.
Analyses de la concurrence et des mots clefs
Onglet Pages
Ce menu vous apporte une synthèse de votre site web sur le plan des optimisations de chaque page. On notera par exemple, les métadonnées dupliquées ou manquantes, les balises ATL sur les images absentes.
Ces indications sont utiles car elles sont facilement corrigeables.
Analyses de vos pages
Onglet Hors sites
Cet onglet vous permet d’analyser votre site à travers le prisme de votre popularité sur la toile.
Vous pourrez ainsi analyser comment sont référencer vos concurrents et tenter d’élaborer une stratégie de référencement off-site.
Analyse off-site de votre site web
Mon point de vue sur Analytics Seo
Analytics Seo est donc un site web qui permet en quelques clics d’avoir un aperçu des éléments à corriger sur votre site web.
Pour ma part, j’apprécie surtout le coté analyse technique car cela permet d’avoir une vision générale de son site web et d’y apporter des corrections facilement.
Quant à l’analyse hors site, qui représente le plus gros du travail coté référencement, les indicateurs sont utiles pour avoir une vision générale du travail à réaliser. Il ne reste plus alors qu’à suivre les consignes et les indications pour tenter de faire évoluer de manière positives son site. Un travail de longue haleine qui ne peut se réaliser que dans la durée.
Inscrivez-vous donc sur le site Analytics Seo (http://www.analyticsseo.com/fr/) pour tester ce service. Libre à vous plus tard d’opter pour des solutions payantes qui vous donnerons plus d’informations et de possibilités.
Toutes les captures d’écran réalisées dans cet article sont issues du site http://www.analyticsseo.com
par AFI Aveyron | 15, Avr 2013 | Aide et tutoriels, Web
Quand vous présentez une liste de produits sur la page d’accueil ou sur une page de marque, Prestashop présente trois liens vers le produit :
- Un sur le nom ;
- Un sur l’image ;
- Un sur la description.
Cela est totalement inutile. Il est préférable d’avoir un seul lien voire deux au maximum. Il faut supprimer le lien de la description courte.
Ceci ce réalise dans le fichier product-list.tpl
Recherchez le code adéquate et remplacez le par :
<div class="center_block">
<h2><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></h2>
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} /></a>
{if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}{if ($product.allow_oosp || $product.quantity > 0)}<span class="availability">{l s='Available'}</span>{elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}{l s='Product available with different options'}{else}<span>{l s='Out of stock'}</span>{/if}{/if}
<p class="product_desc">{$product.description_short|truncate:145:'...'|strip_tags:'UTF-8'}</p>
{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
<div>
if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span style="display: inline;">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span><br />{/if}
</div>
Nous avons ici supprimé le lien sur la description courte mais également modifier la balise Hn qui par défaut est H3 pour la remplacer par un H2 car auparavant sur cette page, il y avait une balise H1 mais pas de H2.
Par contre le lien sur l’image a été laissé pour des notions d’ergonomie.
Voilà ce sont de toutes petites modifications mais qui vous permettrons d’améliorer le référencement de votre site e-commerce.
par AFI Aveyron | 28, Mar 2013 | Aide et tutoriels, Web
Afficher la description courtes dans la liste des marques
Prestashop nous permet de renseigner la description des marques mais ces descriptions n’apparaissent pas dans le Template par défaut. Nous allons y remédier par quelques ajouts de ligne de code.
Pour afficher la description courte sur la page, vous pouvez rajouter ces lignes après
<h3>
{if $manufacturer.nb_products > 0}
<a href="{$link->getmanufacturerLink($manufacturer.id_manufacturer, $manufacturer.link_rewrite)|escape:'htmlall':'UTF-8'}">{/if}
{$manufacturer.name|truncate:60:'...'|escape:'htmlall':'UTF-8'}
{if $manufacturer.nb_products > 0}</a>{/if}
</h3>
Code à rajouter:
<p class="description rte">
{if $manufacturer.nb_products > 0}
<a href="{$link->getmanufacturerLink($manufacturer.id_manufacturer, $manufacturer.link_rewrite)|escape:'htmlall':'UTF-8'}">{/if}
{$manufacturer.description}
{if $manufacturer.nb_products > 0}</a>{/if}</p>
Cela donne donc ceci:
Afficher la description courtes dans la liste des marques
Afficher la description longue et son logo sur la page des marques
Pour afficher la description longue et le logo sur la page manufactured.tpl, il faut rajouter ces lignes de codes :
<div id="logo-manufactred-img">
<img src="{$img_manu_dir}{$manufacturer->id}-large.jpg" alt="{$manufacturer->name|escape:'htmlall':'UTF-8'}" width="200" height="200" title="{$manufacturer->name|escape:'htmlall':'UTF-8'}" />
</div>
<div class="description_rte">{$manufacturer->description}</div>
Avec ici le style CSS pour afficher le logo à droite.
Code à rajouter dans global.css
/*AFI Aveyron logo manufactured tlp*/
#logo-manufactred-img{ float : right; padding-right : 0px; margin : 10px;}
/*AFI Aveyron logo manufactured tlp fin*/
De même, on sort de la balise H1 le texte « Liste des produits du fabricant : »
Ligne 32
{l s='List of products by manufacturer:'}
<h1> {$manufacturer->name|escape:'htmlall':'UTF-8'}</h1>
A vous de mettre en forme comme bon vous semble.
Le code en entier après :
{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}
{if !isset($errors) OR !sizeof($errors)}
Ligne 32
{*modif affichage description + image + opti H1 AFI Aveyron*}
{l s='List of products by manufacturer:'}
<h1> {$manufacturer->name|escape:'htmlall':'UTF-8'}</h1>
{if $manufacturer->description}
<div id="logo-manufactred-img">
<img src="{$img_manu_dir}{$manufacturer->id}-medium.jpg" alt="{$manufacturer->name|escape:'htmlall':'UTF-8'}" width="200" height="200" title="{$manufacturer->name|escape:'htmlall':'UTF-8'}" />
</div>
{$manufacturer->description}
{/if}
{*Fin modif affichage description + image + opti H1 AFI Aveyron*}
Cela donne ceci en image
Afficher la description longue et son logo sur la page des marques
Le fait de ne pas réutiliser la même description pour la liste de marque et la liste des produits d’une marque supprime de fait le contenu dupliqué. Cela aura pour avantage de pouvoir vous positionner sur les noms de marques.
par AFI Aveyron | 5, Déc 2012 | Aide et tutoriels, Débuter dans la création d'un site web, Web
Stratégie de lien
Il y a encore quelques temps cette tâche était rendue facile par la création de communiqués de presse sur des sites dédiés. Après les multiples mises à jour de l’algorithme de Google, la tâche est rendue plus ardue.
Voyons les possibilités qui s’offrent à nous.
Les annuaires
Toujours d’actualité, l’inscription de votre site dans des annuaires peut-être bénéfique pour la popularité de votre site web. Cependant, il faudra faire attention à la qualité de ces annuaires.
Pour ma part, j’exclus systématiquement les annuaires référençant des sites à caractère pornographique ou des sites web traitant de jeux d’argent.
Vous aurez tout intérêt à choisir quelques annuaires généralistes et à vous orienter vers des annuaires thématiques ou régionaux (pour votre référencement local).
Certaines listes circulent sur le web, en voici quelques unes :
Pour trouver vos annuaires thématiques
Les communiqués de presse
Les sites de communiqués de presse ou plus exactement sites de publications d’article à caractère promotionnel ont été très largement sanctionné par les mises à jour Google (Panda et Pingouin).
Vous en trouverez encore quelques-uns qui vous permettrons de référencer des pages internes.
Les commentaires d’articles
Nouvel Eldorado du référenceur après les sanctions des annuaires et des sites de communiqués de presse, il vous reste la solution des commentaires d’articles.
La recherche peut s’avérer fastidieuse pour trouver l’article correspondant à votre thématique. Cependant, cette manière de procéder vous permettra d’obtenir de nombreux liens certes de qualité moyenne mais sans avoir à trop rédiger de texte.
Prenez quand même le temps de lire l’article sur lequel vous postez et ayez un discours constructif sinon votre commentaire ne sera pas approuvé.
Vous trouverez principalement deux types de liens :
- do-follow qui indique aux moteurs de recherches de suivre le lien
- no-follow qui indique aux moteurs de recherches de ne pas suivre le lien.
Les do-follow auront plus de poids pour votre référencement mais ne négligez pas les no-follow car ils vous permettront d’avoir un structure de lien entrant plus naturelle.
Voici un site qui vous permet de trouver des sites acceptant les commentaires avec lien avec de multiple choix (CMS, do-follow ou non…) et selon votre thématique.
http://www.seo-footprints.com/
Conclusion
Il est toujours aussi important que votre netlinking (structure de liens entrant) paraisse naturel aux yeux des moteurs de recherche. Vous vous devez donc d’avoir un rythme régulier de soumission, de varier les ancres en évitant les liens sur optimisés.
par AFI Aveyron | 10, Oct 2011 | Internet, Les news
Optimiser le temps de chargement de son site web
Le temps de chargement d’une page web est un facteur qui depuis peu à une influence de le référencement d’un site internet. En effet, Google a indiqué qu’il prenait en compte le temps de chargement des pages dans ses critères de classement. Mais le temps de chargement d’une page a une influence encore plus importante sur l’expérience utilisateur. Qui n’a pas déjà pesté contre un site web dont la page mettait 20 secondes à charger (une éternité !).
Je vous propose de voir quelques aspects techniques qui vous permettront d’accélérer le chargement de vos pages.
Les outils.
Tout d’abord, avant d’agir il faut savoir sur quoi agir.
Voici donc quelques sites internet qui vous donneront un aperçu de la tache à accomplir.
http://www.site-perf.com/
http://gtmetrix.com
http://www.webpagetest.org/
Pour infos, Google donne aussi une indication sur le temps de chargement de vos sites. Dans votre compte Google « Outils pour webmaster », rendez-vous dans le menu « Labo » puis « Performance de site ». Cette information n’est pas forcément à jour et ne donne quasiment aucun détail.
Les images
C’est sans doute le facteur le plus important. Les images peuvent avoir un poids important (en Ko). Donc, il convient de les optimiser pour votre site internet. Il faut pour cela :
Les dimensionner à la taille où elles doivent s’afficher à l’écran,
Avoir un format fait pour le web : le JPEG et le PNG si on veut des effets de transparence.
Vous pouvez utiliser des outils de retouche photos comme Photoshop ou The Gimp voire même PhotoFiltre Free pour un travail simple.
Le site web Yahoo Smush.it™ vous permettra également de gagner quelques Ko.
Enfin maintenant, le CSS3 permet de donner des effets visuels sans avoir à utiliser des images. Cela est très utile pour la mise en page des sites web. On pense notamment aux boutons à bords arrondis (border-radius) ou avec des effets d’ombre (box-shadow). Vous pourrez vous rendre sur le site Alsacréation pour plus d’infos quant à leurs utilisations.
Attention tous les navigateurs ne comprennent pas ces instructions et il faut parfois savamment ruser pour obtenir les mêmes effets sur les navigateurs anciens (comme internet Explorer 6, 7 et 8).
La feuille de style CSS
La feuille de style, fichier .css, donne l’aspect visuel à votre site internet. Pour la rendre moins lourde à charger, vous pouvez supprimer tous les caractères inutiles comme les commentaires, les retours à la ligne et les tabulations. En faisant ceci pour pourrez facilement gagner 20 à 30 % du poids.
Avec NotePad++, rendez-vous dans « Edition » et le menu « Blank Opération ».
Attention après cette opération, votre code sera quasiment illisible ; grader donc une copie commentée de ce denier.
Un autre facteur important est l’appel à d’autre feuille de styles. Ces appels sont notés :
@import url(feuille-annexe.css);
Exemple issu d’une feuille de style Morphogenesis pour Xoops
@import url(reset.css); /* reset css for web browsers*/
@import url(baradmin.css); /* administration access in footer */
@import url(globalnav.css); /* horizontal menu in header */
@import url(homepage.css); /* style for specific content in mainpage */
@import url(blocks.css); /* style for blocks */
@import url(content.css); /* style for content */
@import url(module.css); /* style for content menu */
@import url(content-data.css); /* style for files include in header or bottom page content */
@import url(socialbookmark.css); /* style for socialbookmark in end content zone */
@import url(blockfooter.css); /* style for blocks in footer */
@import url(forms.css); /* style for forms */
@import url(extras.css); /* extras style for perzonalisation templates */
@import url(iconize.css); /* style for icone in specific link */
@import url(tplsystem.css); /* style for templates system : siteclosed, redirection, debug mode, core messages, … */
/* insert specific font */
@font-face { font-family: BakerSignet BT; font-style: normal; font-weight: normal; src: url(../fonts/BAKERSI3.eot);}
On voit ici que la feuille de style principale appelle 14 feuilles de styles annexes. Cela est pratique quand on veut travailler et modifier l’aspect de son site mais en production ceci a pour effet d’obliger le serveur à donner plusieurs fichiers.
Vous aurez tout intérêt à récupérer tout ces styles et à les incorporer dans votre feuille de style première : vous n’aurez plus ainsi qu’un seul fichier à télécharger et non pas plusieurs.
N’hésitez pas non plus à supprimer tous les ordres CSS qui ne vous sont pas utiles.
Les scripts
Les scripts permettent de donner un aspect visuel à votre site web comme les slideShow ou diaporama. Il faut cependant en user avec modération.
Tout comme les feuilles de style vous aurez intérêt à compresser vos scripts.
Plusieurs sites web, vous permettent de le faire en ligne, mais vous pourrez vous rendre sur celui-ci qui est simple et efficace :
http://javascriptcompressor.com/
D’autres optimisations
Ce que nous venons de voir est vraiment la base pour rendre votre site plus rapide. Vous pouvez également activer la compression Gzip si votre serveur le permet, gérer le cache de vos pages web…
Conclusion
Naturellement, tous ceci pourra vous permettre de gagner de précieuses millisecondes, mais rien ne sera plus utile qu’un hébergement de qualité : un bon serveur mutualisé, ou un serveur virtuel ou dédié pour les sites web ayant un trafic conséquent.
par AFI Aveyron | 11, Avr 2011 | Aide et tutoriels, Débuter dans la création d'un site web
Comme nous l’avons vu au cours de nos formations, il est important d’obtenir des liens venant d’autres sites internet vers votre site web.
Nous vous proposons donc quelques liens vers des annuaires et des sites de communiqués de presse qui pourront vous faire des liens votre site afin d’obtenir un meilleur classement dans les moteurs de recherche.
Tout d’abord, il faut toujours garder en tête que l’acquisition de vos liens doit paraitre naturel auprès des moteur de recherche. Pur ce faire vous devez respecter quelques règles simple :
faire des liens de manière régulière (pas tous en même temps) et continu
varier les ancre (le texte de votre lien)
insérer des pages internet et pas seulement votre page d’accueil
proscrire les soumission automatique aux annuaires
choisir des annuaires de qualité
choisir des annuaire thématique.
Pour vous aider, voici une liste de site web qui recense des annuaires et des liste de communiquées de presse :
Annuaires
http://www.labo.atypicom.fr
http://referencement.every-web.com/
http://www.webrankinfo.com/annuaire/annuaires.htm
Communiqués de presse
http://www.labo.atypicom.fr
Enfin, dernière règle, vous devez obligatoirement faire une description unique et originale c’est-à-dire qu’elle ne doit pas être déjà présente sur le web.
Bon courage
Une petite mise à jour (novembre 2011).
Un autre classement d’annuaire : http://labo.sitti.fr/category/classement-annuaires/
Annuaire d’annuaires (à quand les annuaire d’annuaire d’annuaire !) .
http://www.qualiseo.com/
http://www.mes-annuaires.info/
Préférez les annuaires thématique : vos liens auront plus de poids.
Un petit article vous proposant des liens vers des annuaires (de qualité ?) : http://www.stroogee.fr/blog/2011/11/16/test-10-autres-annuaires-que-je-recommande/#comment-3329
N’oubliez pas de faire une liste (tableur Excel) de vos inscriptions sur les annuaires afin de voir l’évolution des validations et de ne pas soumettre votre site dans un annuaire où il est déjà présent.
par AFI Aveyron | 5, Avr 2011 | Aide et tutoriels, Débuter dans la création d'un site web
Pour connaitre la position de son site internet dans les moteurs des recherches (google.fr par exemple), il ne suffit de taper sur son navigateur la requête à vérifier et de voir sa position.
En effet, Google modifie les résultats présentés en fonction des recherches déjà effectuées et des sites visités.
Donc les résultats qui s’affiche à votre écran ne sont pas forcément les résultats réels.
Nous vous proposons quelques outils vous permettant de vérifier votre position sur google.
Voici donc une liste de logiciels que vous pouvez télécharger afin de connaitre votre positionnement dans Google :
Seo Soft
Ce logiciel vous permet de tester vos positions sur Google pour plusieurs sites. Seul bémol, si vous l’utiliser à outrance, plusieurs dizaines de mots clefs pour plusieurs sites, les recherches ne vont pas aboutir.
Donc à utiliser pour une dizaine de mots-clefs t de manière hebdomadaire.
A télécharger ici : SeoSoft
Free Monitor for Google
Un petit outil pour vérifier vos positions. Même remarque que pour SeoSoft, il ne faut pas en abuser.
A télécharger ici : Free Monitor for Google
Positeo
Positeo n’est pas un logiciel mais un service web. Cela a l’avantage de ne pas faire de recherche à partir de votre ordinateur et donc de ne pas bloquer les recherches. Par contre, vous n’avez pas de graphique d’évolution de vos positions par exemple mais les recherches peuvent être nombreuses.
C’est mon préféré.
Lien à visiter : http://www.positeo.com/check-position/
par AFI Aveyron | 6, Sep 2010 | Aide et tutoriels, Débuter dans la création d'un site web
