quatre thèmes orientés SEO

Et voilà, suite à ceci :
http://forum.pluxml.org/viewtopic.php?id=5150
un aperçu des quatre des variantes que j'ai réussi à faire, à partir de thème par défaut:
( pour une fois que j'arrive à 'coder' ... CSS uniquement :rolleyes: , autant en faire profiter tout le monde ! )
thème de base ( valide W3C et RWD )
EInsMgML4i3_theme-beige-pluxml.jpg
première variation:
EInsNCPxXR3_theme-beigeseo-pluxml.jpg
seconde variation:
EInsPmpOKh3_theme-blancseo-pluxml-home.jpg
troisième variation:
EInsQG2gnD3_theme-blueseo-home.jpg
belles les images, hein , ;)
et ce n'est que le début, mais cela va aussi me permettre et de partager, et de mettre mes sites enfin à jour aussi :)
Simples et léger, utilisant, pour les demos que très peu de plugins, ils sont surtout orientés " SEO " pour un meilleure référencement ...
Pour avoir tous les détails, j'ai ouvert une nouvelle section Blog ou site avec pluXml dans laquelle sont expliqués un peu plus en détails les 'rouages' de ces thèmes, ainsi que les 'hooks' pré-installés ET surtout la possibilité de les télécharger directement
n'hésitez pas à laisser vos impressions surtout, ou si vous avez des demandes plus précises = pas de soucis
@+
bg
nota : pour les liens de démo ( provisoires : http://refok.fr/beigeseo/ et pour les voir 'tourner' : http://refok.fr/pluxmlthemesSEO2/ )
«1

Réponses

  • Une question toute bete mais c'est quoi qui fait qu'un theme est "SEO" ?
  • @ppmt : c'est quand le site web (structure + visuel) est optimisé pour les moteurs de recherches.

    Un moyen simple de faire du SEO (sans s'en rendre compte) étant de suivre les recommandations WCAG, ce qui est quand même plus valorisant humainement que d'essayer de plaire à une machine ;)
  • ppmt a écrit:
    Une question toute bete mais c'est quoi qui fait qu'un theme est "SEO" ?
    ;)
    S = search
    E = engine
    O = optimisation
    De manière à ce que tu publies puisse être au mieux pris en compte par les moteurs de recherche ... ce n'est pas la panacée, il y a aussi et bien sûr le contenu, et autres règles de rédaction en vigueur, mais ça aide drôlement quand même :)
  • @bg62 :j'avais bien compris ce que c'etait mais je n'etais pas clair sur la maniere d'y parvenir. Les liens de Kowalski devrait m'aider un peu

    Merci a tous les 2
  • Les thèmes vont être disponibles dans les 'ressources' de PluXml.
    @+
  • Bonjour @bg2,

    J'ai installé ton thème BLANCSEO qui est simple et adapté pour mon blog "EPRESS". Peux-tu jeter un coup d'oeil pour vérifier si tu notes des anomalies (j'ai fais des modifications aux fichiers : footer, head et sidebar) :

    http://www.gleizes.net/epress/

    As tu des recommandations, je vais vérifier son efficacité lors des référencements..
    Merci
  • Bonjour,
    jmglz a écrit:
    Bonjour @bg2,

    J'ai installé ton thème BLANCSEO qui est simple et adapté pour mon blog "EPRESS". Peux-tu jeter un coup d'oeil pour vérifier si tu notes des anomalies (j'ai fais des modifications aux fichiers : footer, head et sidebar) :

    http://www.gleizes.net/epress/

    As tu des recommandations, je vais vérifier son efficacité lors des référencements..
    Merci

    beaucoup d'erreurs de validation
    https://html5.validator.nu/?doc=http%3A%2F%2Fwww.gleizes.net%2Fepress%2F
  • jmglzjmglz Member
    janvier 2016 modifié
    Bonjour @chriss ce sont des erreurs du thème BLANCSEO que doit corriger @bg2 ou des erreurs dans mes fichiers "articles, images, vignettes etc.." ?

    Il s'agit d'articles migrés depuis WORDPRESS, le soucis viens aussi peut être de cette migration ?
  • jmglz a écrit:
    Bonjour @chriss ce sont des erreurs du thème BLANCSEO que doit corriger @bg2 ou des erreurs dans mes fichiers "articles, images, vignettes etc.." ?

    Il s'agit d'articles migrés depuis WORDPRESS, le soucis viens aussi peut être de cette migration ?

    pas beaucoup le temps de regarder ... mais il me semble que ce soit des erreurs dans les articles.
    à vérifier avec l'Url donné
  • OK Merci

    A+
  • @jmglz

    lut;)
    - si je prends le thème de base, normalement il est valide et pour la CSS et pour le html, exemple :
    https://html5.validator.nu/?doc=http%3A%2F%2Frefok.fr%2Fbeigeseo%2F
    ( juste 4 alertes, dues à ... des broutilles :) )
    " The document is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service) "
    et :
    CSS : https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frefok.fr%2Fbeigeseo%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=fr
    " Ce document est valide conformément à la recommandation CSS niveau 3 ! "
    - ensuite, bien sur, lorsque l'on ajoute certains plugins, cela peut changer, mais pas à un point qui puisse nuire au référencement quand même ...
    - maintenant en ce qui concerne ton site, via le lien donné par chriss tu peux visualiser ce qui ne va pas ;)
    MAIS, faire des articles sans aucun contenu texte, voire même juste une 'image' dont la balise" alt " n'est même pas renseignée, ou avec l'insertion d'une vidéo via une 'iframe',
    c'est bel et bien le meilleur moyen pour que le site disparaisse des moteurs de recherche : il faut du contenu !!!
    nota: l'on voit bien ' à voir également : ' mais tu n'as pas pris la peine de tout mettre en place pour afficher les autres articles ' au hasard ' ....

    Mis à part un article comme ' Données et vie privée... .... ' qui contient au moins qq chose, le reste ... ???
    Il sort un peu du lot :
    http://www.positeo.com/check-duplicate-content/?u=http%3A%2F%2Fwww.gleizes.net%2Fepress%2Findex.php%3Farticle146%2Fdonnees-et-vie-privee-ce-que-contient-le-rapport-de-la-commission-numerique
    Mais ce n'est finalement qu'une pâle copie d'un article déjà publié sur ' lemonde.fr .... ) = donc pas bon du tout non plus question référencement !

    Et puisque l'on parle ' moteurs de recherche ', il n'y a rien dans Google :
    https://www.google.fr/#q=site:www.gleizes.net%2Fepress%2F
    ( mis à part le site principal ), donc à la limite = tant mieux, tu pourras corriger ET améliorer tout cela avant de le 'lâcher' vraiment sur le net QUANT tu auras décidé de modifier ceci :
    [== HTML ==]
    <!-- à modifier -->
    	<meta name="robots" content="noindex, nofollow, all" />
    	<meta name="googlebot" content="noindex, nofollow, all" />
    	<link rel="author" href="https://plus.google.com/101180000000000000000"/>
    <link href="https://plus.google.com/101180000000000000000" rel="publisher" />
    <!-- -->
    

    encore une chose qui n'est pas faite ....

    En résumé:
    - termine de tout mettre bien en place.
    - publie des articles ayant du contenu, de préférence intéressant
    après cela commencera certainement à aller beaucoup mieux :)
    bonne chance et meilleurs vœux !!!
  • jmglzjmglz Member
    janvier 2016 modifié
    @bg62

    Merci pour les commentaires et pour ce thème BLANCSEO :)

    En fait ce blog "ePress", comme indiqué, est une revue de presse (ramification de mon blog perso), compilation d'articles/vidéos/images qui ont attiré mon attention et que je partage principalement avec un groupe d'amis d'Amérique Latine (un peu comme le fil d'actualité facebook, mais perso).

    J'ai pensé que d'autres pourraient aussi être intéressés par cette revue de presse d'où l'idée du référencement..

    Je te remercie pour tes voeux, tous mes Meilleurs Voeux à toi aussi :)
  • jmglzjmglz Member
    janvier 2016 modifié
    @bg62

    Juste une précision, j'ai acheté le domaine gleizes.net il y a seulement environ 3 semaines, c'est normal qu'il ne soit pas sur Google :)

    Concernant le code META à modifier :

    [== HTML ==]
    <!-- à modifier -->
    <meta name="robots" content="noindex, nofollow, all" />
    <meta name="googlebot" content="noindex, nofollow, all" />
    <link rel="author" href="https://plus.google.com/101180000000000000000"/>;
    <link href="https://plus.google.com/101180000000000000000"; rel="publisher" />
    <!-- -->

    peux tu m'indiquer ce que je dois mettre comme META ?

    et me confirmer que c'est bien seulement dans le fichier header.php du thème de gleizes.net/epress (et pas en plus dans le fichier header.php du site principal gleizes.net ?
  • jmglz a écrit:
    Je n'ai pas compris où je devais inclure le code :

    [== HTML ==]
    <!-- à modifier -->
    <meta name="robots" content="noindex, nofollow, all" />
    <meta name="googlebot" content="noindex, nofollow, all" />
    <link rel="author" href="https://plus.google.com/101180000000000000000"/>;
    <link href="https://plus.google.com/101180000000000000000"; rel="publisher" />
    <!-- -->

    dans le fichier header.php du thème de gleizes.net ?

    ou

    dans le fichier header.php du thème de gleizes.net/epress ?

    Attention, ce code n'est pas à inclure, mais à retirer : les deux balises META indiquent simplement à tous les robots référenceurs de ne pas indexer ton site dans les moteurs de recherche, ni de visiter le contenu de celui-ci.

    C'est typiquement du code qui est utilisé lors de la création d'un site mais qui doit disparaitre ensuite lors de son passage en production. Sinon t'auras beau avoir un thème SEO friendly, ben ça servira à rien ;)
  • @kowalsky

    J'ai compris, un grand merci à l'ange gardien de la nuit :)

    Meilleurs voeux !
  • re ...
    1 -supprime ce qui est noté ' à modifier ' et remplace par ceci:
    <!-- à modifier -->
    <meta name="robots" content="index, follow, all" />
    <meta name="googlebot" content="index, follow, all" />
    <!-- -->
    dans TOUS les fichiers 'header.php' du thème ( car il y en a plusieurs !! )
    2 - ton site principal est bien dans GG, un tout petit début, mais il y est:
    ( https://www.google.fr/#q=site:gleizes.net )
    3 - mais tu ne trouveras donc pas la partie /epress tant que tu n'auras pas fait les modifications.
    4 - pour le reste ( optimisation ou autre référencement = à toi de voir )
    :)
  • @bg62

    Merci pour le complément de recommandations, je vais faire cette modification dans les header.php

    J'ai suivi tes conseils en retirant les vidéos et images (uniques dans certains posts), avec regret car certaines étaient appréciées par des amis d'AL. J'ai également retiré certains posts de ma revue de presse qui n'étaient pas indispensables (dont celle sur un article du Monde), mais une revue de presse, reste une revue de presse ;)

    La plupart des liens morts générés lors du passage de WORDPRESS à PluXml ont été supprimés..

    Les choses devraient s'améliorer :)

    Bon dimanche et A+
  • juste une petite remarque sur ton contenu :
    Comment se fait-il qu'on puisse encore appliquer un style souligné à des termes qui ne sont pas des liens ???
    Surtout quand ceux-ci sont rédigés comme des liens ???
    C'est quand-même la base non ..?

    exemple :
    Un nouveau thème gratuit, optimisé pour le SEO et en téléchargement libre : blackRVBseo.

    J'ai passé 5 sec de frustration à vouloir cliquer sur des pseudos liens sans même trouver celui pour télécharger ton thème ...

    Faire un thème SEO, donc pour les robots, ok, ça sert à ce que son site soit mis en avant lors d'une recherche par un internaute.
    Mais il ne faut pas oublier un truc, la transformation d'un internaute en lecteur/client !
    Si cette étape n'est pas bien réalisée, t'as beau faire tous les efforts du monde pour être en tête de liste de GG, si tu ne capte pas ta cible, il passera son chemin. Et c'est bien dommage ...

    ça fait maintenant des années que je te lis mais je ne sais toujours pas si t'es un particulier curieux du SEO ou une entreprise ... :D

    Bien cordialement,
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    janvier 2016 modifié
    @danielsan

    Quand le curseur de la souris pass sur un lien, il se transforme en pointer. "Il te montre un doigt" :)

    Plus embêtant, dans la page d'accueil, les photos cachent des liens, et qu'il faut être curieux pour cliquer dessus. Et quand on parcourt les pages suivantes les images sont de même taille mais ne cachent plus de lien. Du coup, on clique inutilement.

    Cela vient du fait qu'on trouve des balises <h3> imbriquées dans dans des balises <a> ce qui est complétement anormal. h est l'abréviation de header, soit entête en français. Pour mettre en exergue le texte, il existe la balise <strong>. Ou mieux dans la feuille de style, on utilise la règle
    [== CSS ==]
    figcaption p { font-weight: bold; font-size: 120%; }
    
    A++
  • bazooka07 a écrit:
    @danielsan
    Quand le curseur de la souris pass sur un lien, il se transforme en pointer. "Il te montre un doigt" :)
    je suis sur une surface pro, c'est tactile :D le survol on oublie.
    le pointer est un style connexe au soulignage, je maintiens que ça doit rester pour les liens
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    Ma tablette chinoise (Lenovo) et ma souris bluetooth s'entendent à merveille. Et leur copain clavier fait partie de la bande.
    Et le curseur de la souris sous Android est très beau, surtout sur un écran toujours propre :P
  • Bonsoir, :)

    Joli travail et j'adopte le thème blancseo pour le site d'un ami à qui je veux du bien.

    Seulement, les textes donnent la première lettre en grand, c'est sympathique mais ça ne me plait pas.

    Comment puis-je supprimer cette adorable possibilité ?

    Tiens, à propos.

    Cela passe sous Chrome et pas avec Firefox.
  • lut;)
    il te suffit d'éditer la feuille de style et de supprimer ceci :
    [== CSS ==]
    .article section:first-letter{float:left;margin:0.625rem 0.312rem 0 0;padding:0 0.625rem 0 0;font-size:200%;color:#660000;}
    
    @+
  • Tiens, c'est bizarre, ça n'a pas fonctionné. :-//

    C'est bien la ligne 547 de blancseo.css non ?

    Pourtant, j'ai vidé le cache, relancé le navigateur et prié la Madone.
  • normalement dans le thème qui est 'livré' tu as 2 fichiers de ce genre:
    blancseo.css
    blancseomini.css
    même chose et versions compressée et non compressée, MAIS c'est le second qui est appelé dans le thème, c'est donc dans celui-là qu'il faut faire la modification ;)
  • Ouaip, j'ai trouvé ça, viré mais j'ai toujours ma majuscule.
    [== Indéfini ==]
    .article section:first-letter{float:left;margin:.625rem .312rem 0 0;padding:0 .625rem 0 0;font-size:200%;color:#600}#form{width:65%}
    

    A part ça, il arrive un drôle de truc que je n'ai jamais vu ailleurs.

    De temps en temps et de manière aléatoire (enfin il semble) sur certaines zones de l'écran les liens se figent (et pas ailleurs) et le clic droit de la souris ne réponds plus.

    Si je ferme le navigateur et le relance, c'est bon jusqu’au prochain gel.

    Quelqu'un a déjà vu ça ?
  • vu;)
    tu en as trop supprimé !
    faut arrêter la suppression à " #660000;} "
    comme mis dans l'exemple précédent ET dans la feuille de style " blancseomini.css " surtout !!!
    Quand au problème de navigateur, il ne peut pas provenir du thème, alors si ça continue = un bon p'tit coup de nettoyage :)
    @+
  • C'est bon, ça a marché. Merci 1000 fois bg62. :)

    Pour le reste, je suis sous Ubuntu. Alors, les nettoyages....

    Je vais attendre le prochain coup.
Connectez-vous ou Inscrivez-vous pour répondre.