par Anne-Laure DELPECH | 16 Nov 2014 | Archives
Aller sur google outils pour les webmasters et se connecter à son compte.
Cliquer sur ajouter un compte et saisir l’url du site à ajouter (aujourd’hui, https://knowledge.parcours-performance.com).
Un message « votre site a été ajouté à votre compte » s’affiche. Le tableau de bord indique qu’aucune donnée n’est disponible.

Ajouter le site en www
Retourner dans le compte général « outils pour les webmasters » et ajouter maintenant le même site, mais avec www devant (aujourd’hui, https://www.knowledge.parcours-performance.com). Noter que pour les sous-domaines, ça ne sert apparemment à rien.
Vérifier la propriété du site
Evidemment, on ne peut pas suivre de près un site dont on n’est pas propriétaire !
Il faut avoir créé son compte google analytics avant. Voir cet article.
Aller sur la page d’accueil de google outils pour les webmasters et à droite du nom de site, cliquer sur « gérer le site » et choisir « Site Web Google Analytics ».

Séléctionner le compte google analytics correspondant et enregistrer.
définir le domaine favori (www ou non)
Il faut maintenant dire à google webmaster que ces deux sites sont identiques et qu’on « préfère » la version sans www.
Choisir le site https://knowledge.parcours-performance.com puis cliquer sur l’icone paramètres en haut à droite, puis paramètres du site.
On ne peut le faire que pour les domaines racines, pas pour les sous-domaines. Pour le domaine racine, ça ressemble à ça.

Le tableau de bord google outils pour les webmasters
Lorsqu’on vient de créer un site, et que personne n’y est encore jamais venu, c’est normal qu’il y ait « aucune donnée disponible » pour « erreurs d’exploration » et « requêtes de recherches » : aucun robot n’a encore exploré, personne n’a encore fait de requête. Mais par contre, il est souhaitable d’expliquer à google comment s’y retrouver dans le site. C’est le rôle des sitemaps !
Où sont les sitemaps de mon site ?
J’utilise WordPress SEO by Yoast, comme extension de SEO. Voir ici l’article qui explique quelques éléments de paramétrages.
Dans le menu de ce plugin, on trouve « sitemaps XML ».

Si on clique sur le bouton « XML sitemaps »

Il suffit ensuite de copier ces url et d’aller les coller dans google for webmasters (dans sitemaps, puis le bouton rouge « ajouter / tester un sitemap ».
Maintenant le moteur de recherche de google sait s’y retrouver dans notre site.
par Anne-Laure DELPECH | 16 Nov 2014 | Archives
Lorsqu’on crée un site, il faut au minimum pouvoir en suivre les visites.
Pour celà, il faut ajuster son compte analytics et insérer dans le nouveau site le code de suivi de google analytics. Il faut évidemment également l’inclure dans google webmasters et prévoir la gestion du SEO. (suite…)
par Anne-Laure DELPECH | 15 Nov 2014 | Archives
Les hébergements OVH permettent tous d’héberger plusieurs sites. Pour un hébergement « perso », la limite recommandée est 5 sites par hébergement.
On a une seule base de données mais on peut en commander d’autres. Ici, je note comment j’ai fait pour héberger plusieurs sites sur une même base de données, avec des WordPress distincts pour chaque site. (suite…)
par Anne-Laure DELPECH | 15 Nov 2014 | Archives
Le plugin que j’utilise ici
J’utilise Crayon Syntax Highlighter.

En mode texte <pre class= »lang:php decode:true » title= »Testing »>$table_prefix = ‘wp_’;</pre> deviendra :
$table_prefix = 'wp_';
On peut aussi utiliser d’autres langages tels que xhtml pour html ou xml, css, js pour javascript, mysql ou pgsql pour SQL, perl, sh pour shell, Unix ou bash . La liste complète des langages est disponible dans réglages / crayon puis en cliquant sur la liste des langages.
<pre class="lang:php decode:true" title="Testing">du code ici</pre>
<pre class="lang:xhtml decode:true" title="Testing">du code ici</pre>
<pre class="lang:css decode:true" title="Testing">du code ici</pre>
<pre class="lang:js decode:true" title="Testing">du code ici</pre>
<pre class="lang:mysql decode:true" title="Testing">du code ici</pre>
<pre class="lang:perl decode:true" title="Testing">du code ici</pre>
<pre class="lang:sh decode:true" title="Testing">du code ici</pre>
On peut également charger des fichiers. Voir les détails ici.
Note
L’auteur du thème que j’utilises ici préconise l’extension SyntaxHighlighter Evolved mais je n’ai pas réussi à le faire fonctionner…
Pour l’utiliser, il suffit de taper des shortcodes de type [language],
Par exemple
code ici
ou
code là
, ou
code ici
ou
code là
Si on utilise , il n’y a pas de couleurs selon le vocabulaire.
Pour visualiser tous les langages qu’on peut utiliser : http://en.support.wordpress.com/code/posting-source-code/
par Anne-Laure DELPECH | 15 Nov 2014 | Archives
Voir ce site pour ajouter les icones dashicon si nécessaire (en principe, sont déjà intégrées à wordpress).
<div data-code="f307" class="dashicons dashicons-groups"></div>
<div data-code="f237" class="dashicons dashicons-share"></div>
<div data-code="f325" class="dashicons dashicons-networking"></div>
Affichera
Elles ne sont pas initialement intégrées à wordpress. Il faut « enqueue » le style. Ce sera l’objet d’une autre note.
<i class="fa fa-laptop"></i>
<i class="fa fa-mobile"></i>
<i class= »fa fa-laptop »></i>
<i class= »fa fa-mobile »></i>
on peut acheter des icones Glyphicons pour $59 (ou $25. Une partie est gratuite et inclue dans tout thème fondé sur bootstrap 3 (comme ce thème)
Exemple
<i class=" glyphicon glyphicon-adjust " style="">
Identifiées suite à un article de smashing magazine. De belles icones, dont certaines sont gratuites. On peut acheter les 6500 icones pour $99 actuellement (novembre 2014).
Icomoon Icons
Voir le site Ico Moon
<</code><code class="xml keyword">i</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">"glyphicon ipt-icon-home"</code><code class="xml plain">></</code><code class="xml keyword">i</code><code class="xml plain">>
Commentaires récents