Boutique Prestashop 1.6

Voici notre travail sur une boutique prestashop en 1.6.0.9 exactement.

Le site en question : http://deuwi.com

Le site dispose d’un slider sur la page d’accueil uniquement afin de faire défiler des images. Un blog à également été mis en place afin de relayer de l’actualité musicale. Les liens vers les différents réseaux sociaux ont été placés afin d’ouvrir le site niveau social.

deuwi est une marque de vêtements qui propose des tee-shirts pour hommes et femmes mais également des accessoires comme des feuilles à rouler ou des filtres à rouler de la marque YEUF.

Quelques erreurs à ne pas commettre sur sa boutique en ligne

Voici quelques erreurs à ne pas commettre sur sa boutique en ligne:

– Le manque d’informations produits: mettez vous à la place du client, une photo sans un texte descriptif ou l’inverse une description sans une belle photo ne vous aidera pas à vendre.

– Ne pas mettre des mentions légales: en plus d’être obligatoire d’un point de vue légal cela permettra à vos clients ou prospects d’être informé.

– Le manque d’informations concernant la livraison: prix et temps d’attente ainsi que le moyen de transport.

– Un temps de chargement trop long : cela fera fuir vos clients !

– Négligez l’utilisation des réseaux sociaux.

– Ne jamais oublier que dans e-commerce il y a le mot « commerce » et que votre relationnel est donc primordiale.

L’histoire du mail

Les premiers échanges sur des réseaux entre utilisateurs datent de 1965.

Ray Tomlinson, est souvent considéré comme le papa de l’email.

En effet cet ingénieur (BBN), a beaucoup travailler sur le projet Arpanet (l’ancêtre de l’Internet). Ce dernier est l’auteur de 2 programmes : SNDMSG (Send Message) qui fonctionne avec READMAIL, et CPYNET, qui permettait de copier un fichier sur tous les ordinateurs du réseau Arpanet. C’est la que lui vient l’idée : associer les 2 programmes pour échanger des messages d’un ordinateur à un autre ?

C’est alors qu’il crée: SNDMSG/READMAIL
L’e-mail s’appellait à l’époque : Netmail.

Il fallait rajouter un caractère pour séparer les informations et Ray opta pour un arobase.

Ce n’est qu’au début des années 1990 que les emails fonctionneront au format HTML.

Modification fichiers TPL sous Prestashop

Pour modifier vos fichiers TPL rien besoin de plus qu’un logiciel FTP ainsi qu’un bloc notes !

Après toute modification de TPL sur Prestashop, n’oubliez pas de forcer la compilation ou de désactiver le cache afin de voir vos modifications.

à lire également : Optimisation du temps de chargement Prestashop

Optimisation du temps de chargement Prestashop

Voici quelques astuces pour améliorer votre temps de chargement sur votre boutique en ligne Prestashop.

Pas trop de module !! Désactivez tous les modules inutilisés.

exemple: il est tout à fait possible de creer un footer personnalisable directement dans vos fichiers TPL pour évitez de charger plusieurs modules.

Activez le CCC (combine,compress and cache) :  cela va permettre de gagner du temps de chargement. Cette fonctionnalité Prestashop permet de mettre en cache la plupart des éléments du site (Javascript et CSS essentiellement)

Désactiver Smarty : Smarty est un moteur PHP pour vos template.  Cela peut être utile lors du développement de votre boutique car cela met à jour directement vos fichiers TPL mais désactiver Smarty permet un gain de chargement important. Activer également le cache.

L’utilisation de CDN(content delivery networks) pour des gros sites permet également de gagnez du temps de chargement. Un CDN est un groupe d’ordinateurs reliés à Internet qui coopèrent pour mettre à disposition du contenu.

Activer la compression GZIP afin de compresser les données avant de les envoyer pour que le navigateur les décompresse.

Google Analytics

Google Analytics est une application web qui permet d’analyser des informations sur votre site web.

Voici une liste (petite par rapport aux multiples fonctions qu’offre Analytics) des informations disponible :
– requêtes saisies par les visiteurs pour accéder à votre site.
– nombre de clics sur les urls de votre site
– position moyenne des url de votre site dans les moteurs de recherche
– données de géolocalisation de vos visiteurs
– données de navigation de vos visiteurs
– taux de rebond

Si vous n’utilisez pas encore Google Analytics, il vous suffit de créer un compte google et d’ajouter à votre site cette fonctionnalité en insérant le code Analytics sur votre page web afin d’ouvrir votre compte et d’accéder à vos données.

Il est important de savoir qu’afin d’utiliser au maximum cet outil une bonne connaissance est nécessaire afin d’interpréter les résultats et d’optimiser ainsi son référencement.

exemple d’utilisation de Google Analytics:

Fichier robots.txt

Qu’est-ce que le fichier robots.txt ?

Le fichier robots.txt est un fichier texte qui sert pour le référencement ( naturel ) des pages web. Ce dernier contient des commandes à destination des robots des moteurs de recherche.

Ainsi vous l’aurez compris le fichier robots.txt permet d’éviter que du contenu sans intérêt ou privé se retrouvent indexer par les moteurs de recherche.

A MODIFER :

Voici des exemples de fichier robots.txt :

• Exclusion de toutes les pages :

User-Agent: *    
Disallow: /

• Exclusion d’aucune page (= absence de fichier robots.txt, toutes les pages sont visitées) :

User-Agent: *    
Disallow:

• Autorisation d’un seul robot :

User-Agent: nomDuRobot    
Disallow :    
User-Agent: *    
Disallow: /

• Exclusion d’un robot :

User-Agent: NomDuRobot    
Disallow: /    
User-Agent: *    
Disallow:

• Exclusion d’une page :

User-Agent: *    
Disallow: /repertoire/chemin/page.html

• Exclusion de plusieurs page :

User-Agent: *    
Disallow: /repertoire/chemin/page.html    
Disallow: /repertoire/chemin/page2.html    
Disallow: /repertoire/chemin/page3.html

• Exclusion de toutes les pages d’un répertoire et ses sous-dossiers :

User-Agent: *    
Disallow: /repertoire/

URL Rewriting

L’URL Rewriting ou réécriture d’URL en français est une méthode utilisée pour optimiser le référencement des sites dynamiques.

Une page dynamique est caractérisée par une URL (Uniform Resource Locator) complexes, qui comporte souvent un point d’interrogation ainsi que des valeurs et/ou variables.

exemple d’une page dynamique: www.exempleagencevdt.com/articles.php?id=28&categorie=1

Niveau référencement : Le soucis est que la plupart des moteurs de recherches n’indexent pas ou mal les URL de ce genre.

Le principe de l’URL Rewritting est donc basé sur la réécriture des liens par le webmaster.

Le but étant de faire ressortir vos pages grâce aux mots clefs utilisés dans les URL

exemple: un site comme www.ventedeyeuf.com ressortira 1er avec l’expression « histoire de la feuille à rouler » grâce à l’URL : www.ventedeyeuf.com/yeuf/content/8-histoire-feuilles-a-rouler

Un peu de Perl..

Voici deux scripts que j’ai codé , en effet en ce moment je reprends un peu la programmation en perl malgré que il n’y pas de lien direct avec les activité de l’agence web

Codage maison d’un petit script perl afin de connaître l’inverse d’un chiffre.

Voici donc le code:

#!/usr/bin/perl

my $datetime = `date +’%Y-%m-%d %X’`;

print « Bonjour nous sommes le « .$datetime. »rentres un chiffre pour connaître son inverse :\n »;
$nombre = <stdin>;
chomp $nombre;
if($nombre == 0){
print « La division par 0 est impossible ! »;
}
else {
$resultat = 1/$nombre;
print « L’inverse de « .$nombre. » est « .$resultat. »\n »;
}

Et voici le deuxième script qui permet de calculer la taxe d’un prix :

#!/usr/bin/perl

$_ = 0;
do {
print « Pour calculer le prix HT depuis le prix TTC entrez (1),\n »;
print « pour calculer le prix TTC depuis le prix HT entrez (2),\n »;
print « ou ‘Q’ pour Quitter : « ;
chomp($_ = <STDIN>);
$_ = 0 if (! $_ || ($_ ne « 1 » && $_ ne « 2 » && $_ ne « Q »));
} while(! $_);

$variablepourfermer = $_;

exit if $variablepourfermer eq « Q »;

if ($_ == 1) {
#chaîne de caractère
print « Nous allons calculer un prix sans TVA\n »;

#On demande de rentrer un prix hors taxe
print « Le prix taxé est de: « ;
$pht = <stdin>;
chomp $pht;

#On initialise la valeur de notre taxe
print « La taxe est de: « ;
$taxe = <stdin>;
chomp $taxe;

#D’où la valeur hors taxe
$totaltaxe = $taxe/100 + 1;
$pht = $pht / $totaltaxe;
print « Le prix HT est de : $pht\n »;
} else {
#chaîne de caractère
print « Bonjour !\n »;

print « Nous allons calculer un prix TTC:\n »;

#On demande de rentrer un prix hors taxe
print « Le prix hors taxe est de:\n »;
$pht = <stdin>;
chomp $pht;

#On initialise la valeur de notre taxe
print « La taxe est de:\n »;
$taxe = <stdin>;
chomp $taxe;

#D’où la valeur ttc
$ttc = $pht+($pht*$taxe/100);
print « Le prix TTC est de : $ttc.\n »;

}

Et un petit peu plus d’infos sur le langue PERL :

Perl est un langage de programmation créé par Larry Wall en 1987 et reprenant certaines fonctionnalités du langage C et des langages de scripts sed, awk et shell (sh).

Perl est né du besoin de disposer d’un langage optimisé pour l’extraction d’informations de fichiers texte et la génération de rapports.

Et pour les codeurs ou futurs codeurs n’hésitez pas à retrouvez des tonnes d’informations sur la toile… 😉

Introduction aux Balises META

Qu’est-ce que une balise META ? Les balises META servent à écrire des informations dans votre page HTML. Les balises META se situent entre les balises <head></head>.

Ces informations concernant la nature et le contenu de votre page web grâce au moyen de marqueurs HTML.

Ces balises servent d’indicateurs aux robots des moteurs de recherche. Ces dernières peuvent donc informer de la langue utilisé sur la page, d’une description de la page, d’un titre de la page, du nom de l’auteur, d’interdire l’indexation aux moteurs de recherche (balise meta robots),de vos mots-clefs ( keywords),etc…

Voici un exemple d’une balise META langue :

<META NAME= »Language » CONTENT= »fr »>

Ce bout de code indique donc que votre page est en français.

Voici un exemple d’une balise META description :

<META NAME= »Description » CONTENT= »Un article sur les balises META »>

Il faut savoir tout de même que tous les moteurs de recherche n’emploient pas forcément les balises META. Ces balises sont visible pour n’importe quelle page web en observant la source de la page.

Pour terminer ce petit article voici une liste d’attributs :

Title, Description, Keywords, Revisit, Robots, Language, Last-Update,Contact, ContactPhoneNumber, Author-Publish, Generator, Owner, Content-Type, Date

.Htaccess

Les fichiers .htaccess sont des fichiers de configuration des serveurs web Apache. Ils peuvent être placés dans n’importe quel répertoire du site web (la configuration s’applique au répertoire et à tous ceux qu’il contient n’ayant pas de tel fichier à l’intérieur). Ils peuvent être modifiés alors même que le serveur est en cours d’exécution.

Ils servent à modifier les droits d’accès, créer des redirections, écrire des messages d’erreur personnalisés.

Conseils Backlinks

Voici un petit article pour vous éviter de créer de mauvais backlinks.  Sachez que les backlinks ( ou lien en dur ) ont une très très forte influence sur le positionnement de vos sites internet. Le premier conseil que je me permettrai de vous donner : toujours privilégier la qualité du lien et non la quantité ( autant dire tout de suite éviter les annuaires qui inscrivent votre site automatiquement dans des annuaires ). Ne faites pas d’échanges de liens avec un site dont le contenu est pauvre ou dont le site subit du duplicate content. Privilégier la recherche de site dans le meme domaine que vous afin d’attirer des visiteurs intéressés par votre contenu. Essayer d’éviter un maximum les textes cachés pour les liens. Afin de vérifier vos échanges de liens n’hésitez pas à utiliser un logiciel afin de vérifier que vos partenaires ne retirent pas votre lien de leur site. Vous pouvez également utiliser certains softs ou sites web afin de contrôler l’importance et la qualité de vos backlinks.

#TEST SEO FACEBOOK TWITTER

Petit test SEO concernant les réseaux sociaux sur Google et le Social Media.

Je ne vais utiliser que les deux réseaux sociaux : facebook & twitter

Quel réseau social apparait en premier ?

Rappelez-vous que de pouvoir présenter sa société est un véritable atout considérable concernant la communication.

Voila mes différents sites sur lequel je vais tester les résultats dans les moteurs de recherche.

Ventedeyeuf.com, Ventedetout.com et Carte-nettoyage.com

Résultats Google pour Ventedeyeuf :

On remarque donc que le compe twitter de ventedeyeuf apparait devant la page
facebook de ventedeyeuf.

Résultats Google pour Ventedetout :

On remarque cette fois que la page facebook de ventedetout est devant le compte
twitter ventedetout.

Résultats pour Carte-nettoyage :

La page facebook de carte-nettoyage est également devant le compte twitter.

Conclusion : Aucun réseau social n’a l’avantage concernant les résultats ( attention je n’ai
pas parler de traffic,roi,etc… )

Avis personnel : Le résultats dépent du nombre de visites sur chacunes des pages, du nombre
de partage des posts fb ou des tweets, du nombres d’abonnés/followers ou de j’aime/likes sur
facebook.

Conseils personnel : Pensez ‡ reliez votre compte twitter ‡ votre page facebook afin de n’avoir
que ‡ rédiger un post et de profiter donc du partage automatique. Les gens qui vous suivent sur
facebook et twitter ne sont souvent pas les même personnes ne négligez pas cela !

Si vous possédez plusieurs comptes twitter n’hésitez pas ‡ utiliser des logiciels ou site internet
( dispo sur tablettes,applestore,android,google play store ) qui vous permettront de gérer les comptes
en même temps et ne pas avoir ‡ déco/reco ou ‡ utiliser plusieurs pc ou navigateurs différents.

Statistiques en ce jour : Facebook est le site le plus visité au monde. Facebook dépasse les 800 millions
de compte Twitter dépasse les 500 millions de compte dans le monde.

Et Google+ dans tous cela ? Google+ dépasse les 100millions de compte sur la terre mais est en très forte
croissance. On remarque que Google propose de plus en plus son réseau social dans les résultats dans le but
d’affronter la concurrence. Sur Google+ il est possible d’avoir un compte ainsi qu’une page, cela peut Être
très intéressant ( tout comme sur facebook , mais ce n’est pas le cas sur twitter ).

Quelques définitions..

Google AdSense : Programme d’annonces publicitaire ciblant les webmasters désireux d’utiliser leur site internet en tant que support publicitaire, en plus du référencement web.
Les sites qui utilisent AdSense sont payés pour diffuser de la publicité.

Google AdWords : Programme d’annonces publicitaires ciblées proposées par le moteur de recherche Google.Celles-ci sont diffusées sur les pages de résultats Google, sur les sites internet partenaires de Google, sur les sites web personnels et les différents outils de Google via le programme adsense. Ceci constitue une solution avantageuse pour le début d’une stratégie de visibilité sur internet.
Une campagne adwords est généralement facturée au cout par clic (CPC) (ou au CPM si l’annonceur adopte une stratégie de co-branding : cela s’applique principalement pour les grandes marques). Cela signifie que l’annonceur paye uniquement si l’internaute clique sur le lien sponsorisé. Les budgets alloués varient d’un secteur à l’autre et dépendent également de l’environnement concurrentiel des mots clés ou expressions clefs sur lesquels l’annonceur souhaite rendre son site internet visible.

Balise Alt : L’attribut de balises HTML sert à optimiser les images des pages web pour le référencement naturel en renseignant un texte alternatif, une description précise.

Backlink : C’est un lien entrant dans une page web.

Cloaking : C’est une technique d’optimisation abusive utilisée en référencement visant à proposer deux contenus différents au même moment et sur une même page web : un texte invisible pour l’internaute et visible exclusivement pour les moteurs de recherche (et vice versa).

Contenu dupliqué (duplicate content) : C’est un contenu similaire à plus de 80% sur des pages web distinctes est considéré comme du contenu dupliqué (duplicate content). Le duplicate content entraine des pénalités pour le référencement Google.

CSS (Cascading Style Sheets) : feuilles de style en cascade. Le CSS peut-être employé à des fins de référencement black hat.
Ce cocument indépendant sert à définir la mise en page et la mise en forme des pages web du site internet (choix des polices de caractères, couleur, taille et alignement des titres, couleur du fond d’écran….).
Une feuille de style a pour principal avantage de séparer clairement les styles de présentation de la structure du document web. Le code source appelle ces style de mise en page afin de les appliquer au document web.

CPC (Cost Per Click) : coût par clic d’un mot clé.
Data center : C’est un « centre de données ».

Frame : C’est un élément HTML permettant de diviser une page web en plusieurs cadres.

Google Analytics : C’est un outil d’analyse d’audience et de tracking utilisé en web analytics pour optimiser les campagnes de liens sponsorisés et de référencement naturel.

Lien externe : lien entrant provenant d’un site internet extérieur. La « killer application » en référencement

Lien interne : lien appelé « tag » reliant deux page web au sein d’un même site internet. La gestion des tags ou le maillage interne peut se révéler extrêmement efficace pour le référencement web.

Taux de rebond : C’est le pourcentage d’internautes qui sont entrés sur la page web et qui ont quitté le site internet immédiatement après.

Veille référentielle : consiste à étudier toute l’actualité en référencement sur l’évolution des méthodes d’indexation des moteurs et annuaires de recherche.

Conseils Marketing Fan Page

Afin de bien tenir vos fanpages n’hésitez pas à publier le plus souvent possible, varier vos publications, mais également proposer des contenus qui inciteront les membres de votre communauté à réagir et à créer un effet marketing.

Vous pouvez également commenter ou participer à des débats ou des sujets concernant votre activité afin de montrer que vous êtes présent mais surtout afin d’acquérir de nouveaux fans.

Conseil de notre agence web : La fréquence de publication est un des points les plus important.