Des liens pour vous aider dans la création de vos sites

OuiOuiPhoto · Décembre 03, 2013, 10:43:36

Bon comme je donne mon avis souvent sur vos sites je partage avec vous quelques sites utiles. Le premier c'est un site qui va vous permettre de tester le Look de votre site web en fonction du périphérique (Iphone, Ipad, Nexus, notebook, etc). Si vous créez un site en "responsive design" cela vous aidera à tester. Pour rappel le "responsive design" c'est la faculté qu'a votre site a s'adapter au périphérique qui est en train de le consulter. Je vous conseille vivement de vous y mettre. Aujourd'hui 20% de mes visiteurs viennent me voir avec une tablette ou un smartphone. Cela va augmenter dans les années a venir

http://quirktools.com/screenfly/

gregz78 · Décembre 03, 2013, 10:59:21

Merci pour le "bon plan"

OuiOuiPhoto · Décembre 03, 2013, 11:22:14

Le deuxième lien que je partage avec vous c'est un outil d'analyse de votre site. Cet outil va vous donner des recommandations. Pour que votre site soit trouvable par google il faut respecter certaines règles. Cet outil analyse votre site et vous dit si il respecte les règles. Attention si vous ne savez pas ce que c'est que le SEO vous allez découvrir tout un nouveau monde

http://www.seositecheckup.com/

OuiOuiPhoto · Décembre 03, 2013, 11:30:57

Le troisième lien que je partage avec vous est un site pour créer une icone pour votre site. Regardez bien les onglets de votre navigateur. Vous voyez des icônes qui représentes chaque site. C'est un petit fichier qui se trouve a la racine d'un site qui s'appelle favicon.ico. Et il existe des sites pour les créer. Un site rapide est

http://www.favicon.cc/

OuiOuiPhoto · Décembre 03, 2013, 11:38:11

Le quatrième lien concerne le plan de votre site. Pour que google, bing ou Yahoo trouvent vos pages il y a plusieurs solutions. La première c'est de les laisser chercher en suivant les liens internes de votre site. Généralement c'est assez long. La deuxième solution c'est de les aider en mettant a la racine de votre site le plan de votre site. C'est un fichier qui s'appelle sitemap.xml et il existe un site qui va le créer pour vous en analysant votre site web.

http://www.xml-sitemaps.com/

OuiOuiPhoto · Décembre 03, 2013, 11:52:52

Le cinquième lien que je vous propos est un must. Pour améliorer un site il faut comprendre comment vos visiteurs l'utilisent. Et pour cela Google met à votre disposition un outil d'analyse. Il faudra créer un compte mettre du code sur votre site pour que google puisse faire l'analyse et vous aurez accès à plein d'informations comme le nombre de visiteurs, les recherches qu'ils font sur votre site, les navigateurs qu'ils utilisent et aussi d'ou ils viennent avant d'arriver sur votre site

http://www.google.com/analytics/

KERMOR56 · Décembre 03, 2013, 13:35:17

Un grand merci pour tout ce que tu fais et qui est vraiment très utile pour ceux qui, comme nous, ne maitrisent pas tout cela.
39% de visibilité pour notre site. Peut mieux faire, donc.
Amicalement,
Corine et Jean-Yves

OuiOuiPhoto · Décembre 03, 2013, 13:52:22

Citation de: KERMOR56 le Décembre 03, 2013, 13:35:17
Un grand merci pour tout ce que tu fais et qui est vraiment très utile pour ceux qui, comme nous, ne maitrisent pas tout cela.

Pas de quoi. Pas persuadé qu'avec ce dernier lien tu me dises encore merci

Bon pour ce sixième lien on va s'occuper des mots clefs. Pour être trouvé sur internet il faut décider sur quelle recherche on veut être trouvé. Si la recherche est trop vague comme "Photo" vous n'avez aucune chance être trouvé. Si la recherche est trop précise comme "Photo des tata Monique qui s'incrustent sur toutes les photos" vous n'avez aucune chance d'être trouvée non plus. Il faut donc trouver la bonne phrase et voir si vous avez beaucoup de concurrents. Voir aussi si cette phrase est la meilleure. Il y a peut être une phrase plus proche qui sera plus recherchée par les internautes. Soyez bien conscient d'une chose. Si vous n'êtes pas en première page du moteur d recherche vous n'existez pas. Maintenant attention. Cela n'est utile que si vous souhaitez une visibilité. Si votre site est un site pseudo privé dont vous donner le lien a des amis cette visibilité n'a pas intérêt. Un site qui vous permet d'analyser tout cela c'est

http://fr.semrush.com/

OuiOuiPhoto · Décembre 03, 2013, 15:39:28

Pour ce septième lien on ne va pas travailler sur un site mais on va installer un logiciel. Le logiciel en question c'est Trafic Travis. Ce logiciel va vous permettre d'aller un peu plus loin. Avec ce logiciel vous pouvez voir si vous apparaissez dans les pages des google, bing et autre en fonction des mots clefs choisis. Ce logiciel va aussi analyser vos pages et vos donner des warning qu'il faudra corriger.

Ce logiciel existe en version gratuite. La version gratuite n'est pas limitée dans le temps mais elle ne vous donneras pas de rapports très évolués. Si vous ne connaissez rien au domaine du SEO (Seach Engine Optimization) vous aurez déjà beaucoup a faire avec la version gratuite

http://www.traffictravis.com/

OuiOuiPhoto · Décembre 04, 2013, 18:09:11

Pour ce huitième lien on va regarder le temps de chargement de votre site. Plus votre site est rapide plus les moteurs de recherche aiment cela. Google met a votre disposition un outils qui analyse votre site et vous donne des recommandations très détaillées comme les images que vous devriez optimiser, les fichiers que vous devriez mettre en cache, les script java qui vous ralentissent etc. Cet outil c'est PageSpeed Insights

http://developers.google.com/speed/pagespeed/insights/

KERMOR56 · Décembre 05, 2013, 14:35:46

Je te remercie quand même car il est toujours bon d'apprendre, même à mon âge !

Jean-Yves

Noir Foncé · Décembre 06, 2013, 19:43:01

Merci OuiOui,
je vais essayer quelques uns de ces liens pour améliorer le code de mon site.

T0NI0 · Décembre 10, 2013, 01:26:32

Franchement : un GROS merci à Oui pour toutes ces bonnes infos qui m'ont été fortes utiles.

Je suis loin d'avoir 20/20 à toutes les différentes manip' (je débute dans le SEO) mais j'ai pu corriger et améliorer pas mal d'erreurs grâce à tous ces liens.

J'ai hâte de lire la suite, hehe

OuiOuiPhoto · Décembre 10, 2013, 10:45:32

Merci a vous

Et pour terminer dans l'optimisation du temps de chargement vous avez aussi GTMetrix qui m'a semblé pas mal avec des recommandations simples. Attention même si les recommandations peuvent être simples leur mise en oeuvre c'est autre chose

http://gtmetrix.com/

Sébblond · Décembre 16, 2013, 14:12:39

Merci beaucoup Oui oui pour tous ces liens. Mais c'est surtout le premier qui m'intéresse et je n'arrive pas à l'utiliser...

Je n'arrive pas à changer de résolution, il ouvr directement mon site sans me laisser choisir quoi que ce soit! Bizarre.

infophot · Janvier 08, 2014, 23:07:13

Merci OuiOuiPhoto pour cette pertinente sélection d'outils en ligne.
Je me permets d'en partager un à mon tour : http://www.positeo.com/check-position.
Un service online afin d'apprécier sa position sur Google pour une requête donnée.

OuiOuiPhoto · Janvier 09, 2014, 08:52:58

Merci. Très intéressant. Trafic Travis donne aussi cette info pour plusieurs moteurs de recherche mais il faut installer le soft. L'avantage ici c'est que c'est en ligne

elliot · Janvier 09, 2014, 09:38:54

Merci OuiOui pour ce boulot !

OuiOuiPhoto · Janvier 09, 2014, 19:02:21

Citation de: elliot le Janvier 09, 2014, 09:38:54
Merci OuiOui pour ce boulot !

Pas de quoi. Je suis pour le partage du savoir. Pour mon pognon ou ma femme je suis moins partageur

OuiOuiPhoto · Janvier 19, 2014, 19:28:42

Bon alors aujourd'hui on va aller un cran plus loin. Donc ceux qui ne sont pas prêt à mettre les mains dans le cambouis de leur site passez votre chemin. Là on va parler d'un truc super technique.

Je vais vous parler du balisage ou de ce que l'on appelle les microdata ou les données structurées. Nos moteurs de recherche préférés (Bing, Google, Yahoo! and Yandex) se sont demandé comment trouver dans une page web l'information intéressante à montrer dans le résultat de recherche. Et ils ont trouvé une solution simple : « On va demander aux webmasters de nous la donner

». Ben voyons. C'est bien plus simple comme cela

Ils se sont donc alliés dans une structure qui s'appelle shema.org. Ils ont donc définis un certain nombre de schémas pour définir un article, une personne une video etc.

Ensuite il vous suffit de mettre en place le schéma sur votre site et Google, Yahoo ou Bing montreront le résultat de la recherche comme vous le souhaitez. Mettre en place un schéma consiste à ajouter du code dans votre page HTML. Pour définir le corp d'un article par exemple il vous faudra mettre avant le corps de l'article un <span itemprop="articleBody"> et ensuite à la fin un </span>

Un résultat de recherche cohérent devrait amener l'internaute à cliquer sur votre lien plutôt que sur le lien du voisin. En plus il semblerait que les moteurs de recherches sont sensibles au fait que vous ayez mis ces microdata

Pour aller plus loin il vous faudra aller sur

http://www.schema.org/

sur ce site vous y trouverez toute la documentation et des exemples

Ensuite en allant sur ce site

https://www.google.com/webmasters/markup-helper/u/0/

Vous allez pourvoir rentrer l'url d'une page de votre site. Dire quel type d'élément c'est (article, film, produit) et ensuite visuellement vous pourrez choisir dans votre page ce que sera le titre, la description, l'année de publication (pour un film par exemple) et l'outil vous proposera les modifications à apporter à votre page web pour y mettre un balisage

Et finalement en allant sur ce site

https://www.google.com/webmasters/tools/richsnippets

Vous pourrez alors tester le résultat de se balisage. Vous verrez alors comment google montrera le résultat de recherche de votre page

phipop · Janvier 20, 2014, 12:32:17

Bonjour ouioui et merci beaucoup pour toutes ces infos!
En plus de tester sur des tablettes, sais tu s'il existe un moyen de simuler un écran
avec une définition plus grande...?
Mon site phipop com est fait très brut de fonderie mais je veux le laisser comme ça.
J ai fixé les photos centrales en 650 de large et j aimerais voir ce que ça donne sur des écrans
haute def.
Surtout que comme j ai mis des frames html dans tous les sens-quelle horreur-
j ai parfois des lignes blanches qui apparaissent avec certaines resolutions!
En tout cas merci encore
Philippe

OuiOuiPhoto · Janvier 20, 2014, 17:03:51

Citation de: phipop le Janvier 20, 2014, 12:32:17
En plus de tester sur des tablettes, sais tu s'il existe un moyen de simuler un écran
avec une définition plus grande...?

Oui le premier lien permet de le faire. Après avoir rentré l'adresse de ton site tu clique sur l'icône custom screen size et tu rentre la largeur et hauteur que tu veux. Il te faudra alors scroller pour voir le résultat

phipop · Janvier 20, 2014, 17:31:56

Super ! Merci

phipop · Janvier 20, 2014, 18:51:16

ce site est génial, merci encore!
(screenfly)

OuiOuiPhoto · Avril 08, 2014, 08:43:17

Houla. En troisième page ce post

Je vous ai trouvé un site que je trouve très intéressant sur les codes couleur, leur signification et comment les utiliser

http://trinity-advise.com/choix-de-couleurs-pour-mieux-vendre-et-communiquer-sur-le-web/

Vous aurez accès a un outils d'aide a la selection des couleur

http://trinity-advise.com/outils/codes.couleurs.web/codes.couleurs.internet.htm

et il y a aussi un lien vers un site de check de vos couleur

http://www.checkmycolours.com/

Amusez vous bien