Attention ! Ne cliquez pas sur ce lien, c'est un piège à enfoirés du net !

Chez oim, forum libreChez oim, forum libre

 


Pages: 1 ... 5 6 7 [8] 9 10 11 ... 34   En bas

Auteur Sujet: Référencement Google - Aide SEO  (Lu 40598 fois)

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #104 le: dimanche 03 juin 2018, 14:22 »
le: dimanche 03 juin 2018, 14:22

Ok, à plus ! :)
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #105 le: dimanche 03 juin 2018, 18:18 »
le: dimanche 03 juin 2018, 18:18

J'ai commencé.
Oui. Bof! En plus photo bordélique.
A moins que j'ai fait une mauvaise manip.
Vérifie un coup ici avant que je n'aille plus loin dans mon erreur :
Présentation
Histoire
Droits de l'homme
Des photos
Hymne national
Cuisine béninoise
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #106 le: dimanche 03 juin 2018, 19:35 »
le: dimanche 03 juin 2018, 19:35

Non, non, y a pas d'erreur.

Essaye d'ajouter ça à ton CSS pour les pages qui te dérangent :
Code
@media screen and (max-width: 768px) { 
  header img img {
    display: none;
}
  img {
    max-width: 75%;
    height: auto;
  }
}

Le problème, c'est que toutes tes dimensions dans le CSS sont en px. Si tu avais fini le cours sur HTML/CSS, tu aurais opté pour l'em, par exemple, qui est une unité responsive (qui s'adapte aux portables).
Il faut absolument que tu finisses cette leçon avant de poursuivre. Là, tu avances à l'aveugle et c'est pas bon du tout.

Tant pis pour les portables en attendant. Tu as le temps, une indexation prends des mois et des moins. Ne te focalise pas sur Google et apprends les bases avant de te dire "Google me dit que ça va pas sur mobile". Ca ne remet en cause que ta position dans les résultats d'une recherche sur un téléphone, pas sur un PC de bureau.

Ce site, par exemple, à mis longtemps avant de s'adapter aux téléphones. Avant ça, il n'était bien présent que dans les résultats pour PC et beaucoup moins sur portable.
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #107 le: lundi 04 juin 2018, 08:43 »
le: lundi 04 juin 2018, 08:43

Bonjour,
il y un mieux pour l'image d'en-tête qui encombre moins.
Mais je ne suis pas encore satisfait car il faut déplacer le doigt dans tous les sens pour lire les pages secondaires.
Or sur un site auquel j'ai collaboré en ne fournissant que les données et que j'ai quitté depuis pour cause d'extrême lenteur avec mes collaborateurs (C'est l'Afrique), la présentation de la page est parfaite et il n'y a qu'à se déplacer verticalement.
Tu peux avoir le code source de ce site (auquel je ne comprends rien) ici :
https://beninlangues.com/

OK. Je reprends mes études.
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #108 le: lundi 04 juin 2018, 09:37 »
le: lundi 04 juin 2018, 09:37

C'est ce que je te disais hier. Ce que Google te reproche, c'est ça, c'est de devoir déplacer l'écran horizontalement.
Ton site sera compatible appareils mobiles (ou mobile friendly comme on dit) quand il ne sera plus nécessaire de déplacer l'écran horizontalement.
Ne vas pas imaginer que la simple meta ajoutée va faire le boulot. Elle ne fait que préparer les mobiles, rien de plus. Pour le reste, il faudra utiliser les media queries.

Pour l'autre site, c'est tout à fait normal que ça se passe bien, leur site est prévu pour les appareils mobiles. Ils utilisent les media queries pour différentes largeurs d'écrans.

Et ça ne tient pas à grand chose. Pour 4 largeurs différentes on ne trouve que quelques lignes de CSS :
Code
/***responsive***/
@media(max-width:700px){
	#modleft{width:96.5%;}
	#modright{width:94%;}
	#modl{position:relative !important;width:100% !important;}
}
@media(max-width:730px){.pub{width:100%;}}
@media(max-width:1000px){
	.boxtop{position:relative;height:auto;text-align:center;}
	.boxbody{margin:10px auto 0;}
	.bfooter{width:90%;padding:20px 15px;}
	.fac{margin:auto;text-align:center;}
}
@media(min-width:801px) and (max-width:959px){
	.bfooter{width:45%;padding:20px 15px;}
}
Voilà toute la différence entre avoir les bases et ne pas les avoir... :iz:
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #109 le: lundi 04 juin 2018, 09:59 »
le: lundi 04 juin 2018, 09:59

Merci.
Pour les bases, petit à petit l'oiseau fait son nid. Il y a 6 mois, j'étais incapable de faire la différence entre html et css et de comprendre une ligne de code.
Il y a énormément de choses à apprendre et à savoir utiliser.
Tous les jours, j'assimile ma dose.
Je reprends OCR.

Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #110 le: lundi 04 juin 2018, 10:15 »
le: lundi 04 juin 2018, 10:15

Parfait !
Assimile, c'est que du bon.
Il faut manger du HTML/CSS sous toute leurs formes ! En salade, gélule, intraveineuse, greffe, pommade, vas-y ! :ju:
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #111 le: lundi 04 juin 2018, 10:31 »
le: lundi 04 juin 2018, 10:31

Pour le moment, c'est en suppositoires avec un manque criant de vaseline.
Courage.
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #112 le: lundi 04 juin 2018, 10:41 »
le: lundi 04 juin 2018, 10:41

Code
/***responsive***/
@media(max-width:700px){
	#modleft{width:96.5%;}
	#modright{width:94%;}
	#modl{position:relative !important;width:100% !important;}
}
@media(max-width:730px){.pub{width:100%;}}
@media(max-width:1000px){
	.boxtop{position:relative;height:auto;text-align:center;}
	.boxbody{margin:10px auto 0;}
	.bfooter{width:90%;padding:20px 15px;}
	.fac{margin:auto;text-align:center;}
}
@media(min-width:801px) and (max-width:959px){
	.bfooter{width:45%;padding:20px 15px;}
}


J'ai essayé sur deux pages.
Ca se balade toujours dans tous les sens.
A moins qu'il ne faille attendre une mise à jour de google.
Dois-je poursuivre les ajouts que tu m'as proposés car ça prend énormément de temps ?
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #113 le: lundi 04 juin 2018, 10:49 »
le: lundi 04 juin 2018, 10:49

Nooooooon pas ça !
Je te montrais juste ce que l'autre site avait fait pour te montrer que ça ne tient pas à grand chose d'avoir un site compatible portables.
Ce n'est pas du CSS pour ton site !

Au passage, le code que je t'ai donné hier, et que tu as commencé à mettre, se place tout à la fin de ton CSS. Avant la balise de fermeture </style>.

Et vu que tu as deux couples de balises sous la forme :
<style>.......</style><style>.......</style> tu peux retirer les balises
</style>
<style>
du milieu pour ne former qu'un seul couple <style>........</style>.
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #114 le: lundi 04 juin 2018, 10:59 »
le: lundi 04 juin 2018, 10:59

Merci.
Heureusement que j'ai posé la question.
Je vais faire comme tu dis.
Plus tard.
Parce qu'on m'engueule que le bois n'est pas encore rentré.
Pfuittt !!
 :jq:

Rappel : en résumé, je rentre ça :
\r\n<meta name="viewport" content="width=device-width, initial-scale=1" />

@media screen and (max-width: 767px) {
  header img img {
    display: none;
  }
}
(mis à la fin de la balise </style>
Et j'associe les styles pour n'en former qu'un seul ?

Ai-je bon ?
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #115 le: lundi 04 juin 2018, 11:12 »
le: lundi 04 juin 2018, 11:12

Oui, c'est bon.

Mais attention !
Code
\r\n<meta name="viewport" content="width=device-width, initial-scale=1" />
C'est la valeur de remplacement pour tes recherches dans notepad++, ça n'a rien à faire dans ton site avec le \r\n
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #116 le: lundi 04 juin 2018, 11:20 »
le: lundi 04 juin 2018, 11:20

Oui, pour \r\n, j'ai compris.
Je vais faire quelque pages et je te demanderai de vérifier.
Après-midi peut-être ?
Le temps, c'est ce qui manque le plus.
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #117 le: lundi 04 juin 2018, 11:33 »
le: lundi 04 juin 2018, 11:33

D'accord, pas de souci.

Le temps, c'est ce qu'il manque à tous les codeurs. Des journées de 48h n'y suffirait pas !
C'est pour ça que la plupart des codeurs ou geeks sont célibataires, obèses et blancs comme des culs. :jb:
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #118 le: lundi 04 juin 2018, 11:47 »
le: lundi 04 juin 2018, 11:47


C'est pour ça que la plupart des codeurs ou geeks sont célibataires, obèses et blancs comme des culs. :jb:
Non, merci.
J'aime varier mes activités.
Bon appétit.
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Référencement Google - Aide SEO
« Réponse #119 le: lundi 04 juin 2018, 11:56 »
le: lundi 04 juin 2018, 11:56

Idem pour moi. A Marseille, ce serait dommage de pas profiter du soleil. :kn:

Bon app !
Signaler au modérateur   IP archivée
Pages: 1 ... 5 6 7 [8] 9 10 11 ... 34   En haut
 

Page générée en 0.124 secondes avec 20 requêtes.