Comprendre comment Google "voit" mon site

[FlodAriege]

Re : Comprendre comment Google "voit" mon site

n y as t il pas un réglage dans ton template qui permet de supprimer l affichage des article de la page d acceuil?

Effectivement dans :
réglage Template / styles / réglage disposition
j'ai un truc qui dit, dans les réglages du Template :
"Afficher le corps principal sur la page d'accueil ? oui/non"
Et je l'ai réglé sur Non.
Fortes chances que ça soit ça.
Là tout de suite il faut que je me sauve et je n'ai pas le temps de faire l'expérience, mais je crois bien que tu m'as sorti une grosse épine du pied.
Merciiiiiiiiiiiiii
Je n'aurai plus qu'à changer la cible du lien "accueil" pour résoudre le pb de double rel canonical.

Reste à savoir vers quoi faire pointer mon accueil, compte tenu de son contenu et quel type de lien de menu, par conséquent, choisir, pour obtenir quelque chose de propre ???

[lefabdu51]

Re : Comprendre comment Google "voit" mon site

Concernant HTML5 et Open Graph : j'avoue que je manque de lacunes au sujet de ces deux domaines

La personne qui as dit ceci, ne voulais elle pas dire j ai des lacunes...car si tu manques de lacunes, c est que tu maitrise ton sujet a fond (dans la lagune....)... .

Pourtant j'en utilise déjà à quelques occasions particulières, de ces balises br /, et je n'ai pas l'impression que les lignes se comportent foncièrement différemment des autres...

redimmensionne ta fenetre...... si la largeur fait moins que ta ligne avec le br, elle deborderas.......
et tu utilise la bonne syntaxe.... vu qu elle n as pas de balise fermante, tu la fermes en ajoutant le /.

[PieceOfCake]

Re : Comprendre comment Google "voit" mon site

J'ignore si ça a la moindre importance, mais je les écris avec un slash à la fin.

Florence, si on est puriste, on note que
1) <BR> est une balise auto-fermante (comme <INPUT> et quelques autres), c'est à dire qu'elle ne requière pas de balise de fermeture (justement, d'où son nom) comme <A> .... </A> ou <P>....</P>. Ces balises (comme la plupart des balises HTML) peuvent encadrer un contenu de longueur variable, c'est pour marquer la fin de cette longueur variable qu'il y a obligation d'avoir une balise fermante <BR> crée un passage à la ligne suivante sans changement de contexte et <INPUT> détermine UN champ (entrée, bouton, etc...)
2) Parce que la norme est (depuis quelques années déjà) d'écrire du HTML qui soit XML-compliant, les balises auto-fermantes sont bien embêtantes, elles cassent la norme XML qui exige qu'une balise ouverte soit fermée correctement (à cause des courants d'air, dont on aurait bien besoin là avec cette chaleur)
3) Parce que XML autorise à ouvrir et fermer une balise dans la même déclaration Ex : <data attr1="xxx" attr2="yyy" /> , pour économiser la forme 'normale' <data attr1="xxx" attr2="yyy" > </data> on a par analogie les balises <BR /> qui sont syntaxiquement correctes (en terme de XML) car équivalentes à <BR></BR> (forme 'normale' XML non exigée par HTML)

Donc pour en finir, oui tu peux écrire <BR /> c'est sans risque, c'est recommandé si tu veux avoir un doctype compatible XML, et ça ne peut en aucun cas casser le code de ta page, mais juste 'casser' la présentation et en terme de SEO Google s'en moque éperdument car ce genre de balise ne rompt pas la séquence de groupage d'un document

NB : Ne me dit pas que j'ai compliqué les choses ?

[PieceOfCake]

Re : Comprendre comment Google &quot;voit&quot; mon site

La personne qui as dit ceci, ne voulais elle pas dire j ai des lacunes...car si tu manques de lacunes, c est que tu maitrise ton sujet a fond (dans la lagune....)... .
.

Ah ? visiblement, je ne suis pas le seul à ne pas avoir le sens de l'humour aujourd'hui puisque à ma remarque équivalente (en MP pour ne pas froisser l'auteur), je me suis fais remettre en place (?) pour manque de ... (humour)

[lefabdu51]

Re : Comprendre comment Google &quot;voit&quot; mon site

en html, la balise br n as pas de tag de fermeture. pas de bol c est une exception.

je me suis fais remettre en place (?) pour manque de ... (humour)

vi a cause du smyley a coté de la citation(que j ai zappé aussi je dirait)

[PieceOfCake]

Re : Comprendre comment Google &quot;voit&quot; mon site

en html, la balise br n as pas de tag de fermeture. pas de bol c est une exception.

comme <INPUT>, <HR>, <LINK>, <AREA>, <META>, <PARAM> et <IMG> mince d'exception. En fait la règle sémantique est : "Toute balise HTML qui ne peut pas encadrer de texte ne requiert pas de balise de fermeture".

Problème pour être valide XHTML, il faut une balise de fermeture (compatibilité XML) donc <BR> et les sept autres citées ci-dessus doivent également disposer d'une balise de fermeture, l'exception étant qu'on peut ouvrir et fermer la balise dans le même passage

[FlodAriege]

Re : Comprendre comment Google &quot;voit&quot; mon site

redimmensionne ta fenetre...... si la largeur fait moins que ta ligne avec le br, elle deborderas.......
et tu utilise la bonne syntaxe.... vu qu elle n as pas de balise fermante, tu la fermes en ajoutant le /.

Ben non, elle ne déborde pas, j'ai beau redimensionner, réduire même en deçà de la largeur de mon iPhone par exemple, la ligne ne déborde pas, les mots passent à la ligne suivante, exactement comme dans les paragraphes sans BR

[FlodAriege]

Re : Comprendre comment Google &quot;voit&quot; mon site

Je viens de remplacer, sur ma page d'accueil, le lien Joomla vers article par un lien FlexiContent vers item (pointant avant comme après vers le même article/item).
Résultat : plus de balise rel canonical en double ! Yessss

[FlodAriege]

Re : Comprendre comment Google &quot;voit&quot; mon site

(...) la formation des URL est un point capital, en tout cas plus important qu'on ne l'imagine en général. En particulier, des URL longues sont — autant que possible — à éviter. Un excellent article sur le sujet chez moz.com : http://moz.com/blog/should-i-change-my-urls-for-seo. (...)

Tu m'as convaincue, t'inquiète, j'y travaille (mais comme je ne veux pas m'y reprendre à plusieurs fois, pour l'instant j'y travaille avec un crayon de papier et une gomme !)
__________________

(...) le menu principal ne tient pas sur une seule rangée sur un écran standard. (...) Mais il y a aussi les tablettes. Elles aussi peuvent être au format 1024 px standard (strict, puisque normalement il n'y a pas d'ascenseur latéral) en mode paysage.

Normalement, mon menu principal est censé basculer en mode 'mobile' dès que la largeur de l'écran est trop faible !
Apparemment ça n'est pas toujours le cas ?
Malheureusement, je n'ai pas de tablette sous la main pour voir comment mon site se comporte. Le plus simple serait que j'aille à la Fnac ou un truc du genre pour faire s'afficher mon site sur tous les modèles de tablette présentés, mais d'ici à ce que j'ai le temps de faire ça, ton retour est fort bienvenu.

(...) les deux derniers liens (= 'Articles' et 'Aides financières') qui sont rejetés en 2e ligne, cela du fait que les appareils mobiles de la marque à la pomme n'utilisent pas la police Droid téléchargée depuis Google Fonts.

Ca bizarrement il me semblait l'avoir constaté à une époque sur mon petit iPhone 4 (la police Oswald utilisée dans mes menus et mes titres qui n'est pas chargée par Safari)... et puis aujourd'hui quand je vérifie, j'ai l'impression que la police est soit la bonne, soit est vraiment très ressemblante.
Quoi qu'il en soit, si sur un terminal ou un système d'exploitation ou un navigateur, la police qui s'affiche à l'écran n'est pas la bonne, et que ça chamboule le nombre de lignes, y a-t-il quelque chose que je puisse faire (vu mon niveau) ??

[FlodAriege]

Re : Comprendre comment Google &quot;voit&quot; mon site

2. Depuis que l'html5 a fait sa place, on utilise les élément définis par des balises sémantiques à la place de certaines <div>... Les petits gars qui ont fait le template n'ont pas défini une seule fois que le menu était un menu et autres éléments : <aside>, <article>, <nav>, <header>, <footer>... Les moteurs de recherche en tiennent compte lors de leur passage.
Et je ne parle des microdata dont on commence à intégrer cela nativement dans joomla 3 et pourtant le <!doctype> est bien html5 donc on devrait voir ces **** de balises sémantiques!!!

http://www.vectorskin.com/referentiels-standards-w3c/balises-html5/

Ce n'est peut être rien mais leur absence fait cruellement défaut.

J'ai farfouillé un peu partout, et je suis tombé sur (voir capture d'écran) dans :
Gestion des modules / module menu


Quelle balise devrais-je choisir pour respecter la sémantique ? nav j'imagine ?

J'essaie, mais pour l'instant je ne vois pas de changement dans le code source de mes pages. (aucune occurrence de la balise <nav>, malgré un CTRL F5)

(houla, ça résonne ici, ça fait écho tellement c'est vide cet après-midi... zêtes tous partis en rtt ou quoi ? vous me faites pas la tête j'espère ??)

[PieceOfCake]

Re : Comprendre comment Google &quot;voit&quot; mon site

Crie pas , ça fait mal à la tête !

Si tu veux voir une balise <nav>, il faut t'assurer que ta page est bien en HTML5 et pour moi je ne vois rien de tout ça (sur ta page d’accueil en tout cas. juste du HTML normal, normal qu'il ne sache pas quoi faire de ta balise <nav>


Fais trop chaud pour réfléchir, je te prendrai bien une clim mais tu es trop loin

[FlodAriege]

Re : Comprendre comment Google &quot;voit&quot; mon site

Crie pas , ça fait mal à la tête !

Si tu veux voir une balise <nav>, il faut t'assurer que ta page est bien en HTML5 et pour moi je ne vois rien de tout ça (sur ta page d’accueil en tout cas. juste du HTML normal, normal qu'il ne sache pas quoi faire de ta balise <nav>


Fais trop chaud pour réfléchir, je te prendrai bien une clim mais tu es trop loin

Quand il fera plus frais et que ton cerveau aura un peu refroidi, pourras-tu me dire comment faire pour voir quelle version html tourne sur mon site et, surtout,, comment diable activer le html5 ? J'ai cherché dans les différents onglets de Joomla, mais n'ai rien trouvé, et mes recherches "joomla html5", "activer html5" etc sur Google n'ont rien renvoyé de pertinent... Si ça trouve ça se configure au moment de l'installation, ou bien sur le serveur...ou alors... il faut téléphoner au dieu des webmasters et demander une intervention divine ??

Question subsidiaire : pourquoi puis-je choisir des balises qui n'existent qu'en html5 si mon site tourne sur une ancienne version du html qui ne les comprend pas..? encore un mystère pour moi...

[PhilJ]

Re : Comprendre comment Google &quot;voit&quot; mon site

Normalement, mon menu principal est censé basculer en mode 'mobile' dès que la largeur de l'écran est trop faible ! Apparemment ça n'est pas toujours le cas ?

...Ce n'est pas toujours le cas, en effet, sur toutes les tablettes manipulées dans tous les sens, et 'largeur trop faible' est une notion floue : le template (JSN BOOT) bascule le menu principal en mode compact lorsque la largeur disponible est inférieure à 960 px, mais non pas lorsqu'elle est supérieure ou égale à cette valeur, ce qui est notamment le cas lorsque l'écran est au standard 1024 px.

Par suite, le menu est "compact" sur tablette de type iPad en mode portrait (largeur 768 px), mais il est "normal" sur iPad en mode paysage (landscape, largeur 1024 px). Et c'est dans ce mode (ainsi que sur tout écran standard) que le menu occupe deux "lignes".

Malheureusement, je n'ai pas de tablette sous la main pour voir comment mon site se comporte. Le plus simple serait que j'aille à la Fnac ou un truc du genre pour faire s'afficher mon site sur tous les modèles de tablette présentés [...].

...Ou alors tu les achètes toutes. De cette façon, tu peux disposer de tout ton temps chez toi pour faire les tests nécessaires.

Ou encore — cela ne te coûtera rien (et tu feras des économies d'énergie tout en prenant soin de ta planète en n'utilisant pas ton véhicule pour te rendre au magasin), tu visites Screenfly ici : http://quirktools.com/screenfly. Tu saisis l'adresse de ton site, puis tu cliques sur l'icône représentant une tablette, puis sur 'iPad 1024 X 768', ou bien 'Samsung Galaxy 1024 X 600', ou même le très limite Google Nexus 7 (largeur 966 px en mode paysage).

Il est possible de basculer de paysage à portrait et retour en appuyant sur l'icône 'Rotate' (= deux flèches symbolisant une rotation).

[...] il me semblait l'avoir constaté à une époque sur mon petit iPhone 4 (la police Oswald utilisée dans mes menus et mes titres qui n'est pas chargée par Safari)... et puis aujourd'hui quand je vérifie, j'ai l'impression que la police est soit la bonne, soit est vraiment très ressemblante. Quoi qu'il en soit, si sur un terminal ou un système d'exploitation ou un navigateur, la police qui s'affiche à l'écran n'est pas la bonne, et que ça chamboule le nombre de lignes, y a-t-il quelque chose que je puisse faire (vu mon niveau) ?

...Oui, mais il vaudrait mieux pour cela — comme pour résoudre le souci d'affichage du menu ou du lien 'Mentions Légales' — créer un nouveau fil de discussion, « Comprendre comment les visiteurs voient mon site ».

Et : non, le souci ne vient pas simplement d'une police qui ne se charge pas. La preuve : Screenfly simule des appareils mobiles Apple en utilisant des polices Google Fonts sur PC de bureau. La fonte Oswald est donc utilisée sur ce simulateur, et pourtant le menu est sur deux lignes :-\

______________

Explication concernant les polices sur certaines tablettes & smartphones :

Comme à son habitude, Apple (iPad et iPhone notamment) fait bande à part et est fâché avec à peu près tout ce qui ne vient pas de chez Apple (slogan : ma pomme, c'est moi !), notamment Microsoft, Adobe... et Google. Or JSN BOOT fait appel par défaut à des polices téléchargées depuis Google Fonts.

On trouve par exemple ceci dans css/styles/business.css :

@import url(https://fonts.googleapis.com/css?fam...regular,bold);

Et, autre exemple, le code source (= CTRL+U) montre que le site charge également la police Droid depuis Google Fonts :

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans" type="text/css" />


A noter aussi : JSN BOOT utilise une police non standard sans la télécharger chez Google Fonts : Segoe UI. Cette police (signée Microsoft) peut il est vrai se trouver sur de nombreux ordinateurs, et dans ce cas en effet n'a pas besoin d'être téléchargée (ou embarquée). Mais qu'advient-il sur d'autres machines (les Mac par exemple) qui ne l'ont pas en stock ? La réponse est au tout début de business.css :

body {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 85%;
}

...Autrement dit, si Segoe UI n'est pas dans la machine, une police très différente est utilisée : Arial, nettement moins fine (ou, à défaut, Helvetica ou même n'importe quelle police sans serif).

Il existe des solutions à ce type de souci, mais comme déjà dit il vaudrait mieux ouvrir un autre fil (quitte à dérouler une petite bobine ).

[lefabdu51]

Re : Comprendre comment Google &quot;voit&quot; mon site

, tu visites Screenfly ici : http://quirktools.com/screenfly. Tu saisis l'adresse de ton site, puis tu cliques sur l'icône représentant une tablette, puis sur 'iPad 1024 X 768', ou bien 'Samsung Galaxy 1024 X 600', ou même le très limite Google Nexus 7 (largeur 966 px en mode paysage).

sous firefox, utilisez l'inspecteur d'éléments de firefox (et non firebug), puis cliquez sur le bouton vue adaptive...
C est plus simple.

[FlodAriege]

Re : Comprendre comment Google &quot;voit&quot; mon site

sous firefox, utilisez l'inspecteur d'éléments de firefox (et non firebug), puis cliquez sur le bouton vue adaptive...
C est plus simple.

Tout simplement génial, rapide, facile : merci bien pour ce tuyau !