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 ... 11 12 13 [14] 15 16 17 ... 34   En bas

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

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #194 le: jeudi 21 juin 2018, 12:02 »
le: jeudi 21 juin 2018, 12:02

Je pense que tu ne dois pas t'énerver à cause d'un quiproquo car j'applique scrupuleusement tes instructions en relisant de nombreuses fois tes conseils.
J'avais bien mis à 67% sans observer de changement.
J'ai juste remis le compteur à 0 en t'envoyant le code pour que tu trouves une erreur éventuelle comme le : à la place du ;
N'oublie que je suis débutant en html que je commence seulement à maîtriser (j'écoute sans cesse OCR)
Alors ce que tu me dis en responsive et qui te paraît évident, la moitié pour moi est du chinois que je tente de comprendre parfois sans succès.

Je viens de faire ce que tu me dis = la présentation est parfaite sur ordi et sur portable.
Je réitère mon "tout petit problème" :
Sur portable, l'image du header (les roseaux) est d'une largeur parfaite.
Mais sur ordi, son étirement me gêne.
Je voudrais seulement qu'elle se place au centre avec une largeur équivalent à 1/3 de la page par exemple quand on est sur l'ordi sans que le nav et la section ne commencent à batifoler.

Alors ne t'énerve pas car je fais tout mon possible pour être bon élève avec ce que j'ingurgite actuellement.
Parfois, je suis sur le point d'abandonner tellement c'est compliqué.
J'en rêve souvent la nuit.

Je te renvoie le code modifié pour voir si j'ai bien suivi tes conseils :

Code
body
				{
				background-color:orange;
				font-size: 1em;
				margin: 8px;
				}
	
				header
				{
				text-align: center;
				}
			
				header img
				{
				width: 100%;
				height: 200px;
				border: 0px solid black;
				float : left;
				}
				
				.blank 
				{
				float: right;
				border: none;
				padding-right: 1px;
				padding-bottom: 200px;
				}

				.mobile
				{
				display: initial;
				}

				.blank {
				padding-bottom: 8.1em;
				}

				img 
				{
				max-width: 99.9%;
				height: auto;
				text-align:center;
				}			
								
				nav 
				{
				display: inline-block;
				float: left;
				width:30%;
				background-color:#90EE90;
				font-size:.9em;
				}

				section 
				{
				display: inline-block;
				margin-left: 15px;
				width:67%;
				text-align:justify;
				font-size:1.25em;
				padding-left: 5px;
				}
			
				footer
				{
				font-size: .9em;
				width: 67.4%;
				height:8em;
				padding-left: 10px;
				float: right;
				bottom:0;
				background-color:#87CEFA;
				}

				@media screen and (max-width: 767px)
				{
				.mobile 
				{
				display: none;
				}
		
				body
				{
				margin: 0;
				padding: 0;
				}

				img, video 
				{
				max-width: 100%;
				height: auto;
				}

				header img 
				{
				height: 8.1em;
				}

				nav
				{
				position: absolute;
				margin-top: 9em;
				left: 0;
				word-wrap: break-word;
				}
			
				section 
				{
				margin-left: 30%;
				}
				}

				div.big 
				{
				line-height: 0.9;
				}

..................................

<header>
    <a href="https://beninfongbe.com/" target="_self"><img src="roseau.jpg" ><span class="blank"></span></a>
</header>



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 #195 le: jeudi 21 juin 2018, 12:58 »
le: jeudi 21 juin 2018, 12:58

Il y a des erreurs. Tu as déclaré deux fois blank.
Il y a une déclaration pour le CSS général et l'autre pour le responsive (dans la media querie).

Je t'ai demandé de réduire l'image (width), pas son maximum autorisé (max-width).

Bon bref, on va faire beaucoup plus simple. On oublie la classe blank, elle n'existe plus.
On va donner à l'élément header la même hauteur que l'image. Vu que la balise header est de type block, ça empêchera aux autres éléments de se placer à côté de l'image.

Je t'ai placé header à côté de header img, en général et en responsive, pour que tu ne les oublies pas. Si tu modifies la hauteur de l'image, tu dois modifier la hauteur de header aussi.

Pour ce qui est de l'image, j'ai mis sa largeur à 66%. A toi de voir si ça te convient et de modifier comme ça t'arrange.
N'oublie surtout pas que si tu modifies la hauteur de l'image, tu dois modifier la hauteur de header aussi !

Et par pitié, soigne la présentation de ton code, c'est capital. C'est aussi parce que ton code n'est pas agréable à lire que tu ne le comprends pas ou mal.
Fais donc une recherche avec le terme indentation, c'est quelque chose que tu dois connaitre et t'appliquer comme règle à toujours suivre.
Là ça va, ton truc est petit, mais le jour où tu auras un code de plusieurs milliers de lignes, et ce jour arrivera, si sa présentation n'est pas soignée, il sera impossible de s'y retrouver...


Code
body {
	background-color:orange;
	font-size: 1em;
	margin: 8px;
}

header {
	text-align: center;
	height: 200px;
}

header img {
	width: 66%;
	height: 200px;
	border: 0px solid black;
	float : left;
}

.mobile {
	display: initial;
}

img {
	max-width: 100%;
	height: auto;
	text-align:center;
}

nav {
	display: inline-block;
	width:30%;
	background-color:#90EE90;
	font-size:.9em;
}

section {
	display: inline-block;
	margin-left: 15px;
	width:66%;
	text-align:justify;
	font-size:1.25em;
	padding-left: 5px;
}

footer {
	font-size: .9em;
	width: 67.4%;
	height:8em;
	padding-left: 10px;
	float: right;
	bottom:0;
	background-color:#87CEFA;
}

@media screen and (max-width: 767px) {
	.mobile {
		display: none;
	}

	body {
		margin: 0;
		padding: 0;
	}

	img, video {
		max-width: 100%;
		height: auto;
	}

	header {
		height: 8.1em;
	}

	header img {
		height: 8.1em;
	}

	nav {
		position: absolute;
		left: 0;
		word-wrap: break-word;
}

	section {
		margin-left: 30%;
	}
}

div.big {
	line-height: 0.9;
}
</style>
</head>

<body>
<header>
	<a href="https://beninfongbe.com/" target="_self"><img src="roseau.jpg" ></a>
</header>

Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #196 le: jeudi 21 juin 2018, 14:34 »
le: jeudi 21 juin 2018, 14:34

Ouf !
Ca marche.

"Il y a une déclaration pour le CSS général et l'autre pour le responsive (dans la media querie)."

Chose que je ne savais pas.
Là, je viens d'apprendre beaucoup.

Pour l'indentation, je suivais les exemples de Pierrre Giraud (OCR) concernant les accolades.

Bref, la page d'accueil marche, c'est le principal.

Pour le moment, je fais un break, le temps d'assimiler tes conseils et de compléter mes cours d'OCR avant de poursuivre car je suis au bord de la nausée.
Je vais reprendre mes promenades en forêt et repartir doucement doucement.
De toute façon, je dois "responsiver" tout le site. Yen a pour un bon moment.
Merci encore.

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 #197 le: jeudi 21 juin 2018, 14:45 »
le: jeudi 21 juin 2018, 14:45

Bonne balade. Et ne dégueule pas partout ! :jr:
 ^-^
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #198 le: jeudi 21 juin 2018, 14:49 »
le: jeudi 21 juin 2018, 14:49

Bonne sieste.
Je crois que c'est l'heure.
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 #199 le: jeudi 21 juin 2018, 14:50 »
le: jeudi 21 juin 2018, 14:50

Ouaip, je casse la croute et j'y vas. :kf:
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #200 le: jeudi 21 juin 2018, 17:54 »
le: jeudi 21 juin 2018, 17:54

Petit miracle : dans la partie alphabet, j'ai un tableau de deux colonnes voyelles et consonnes.
Catastrophe : le tableau ne rentrait pas sur mon smartphone.
Pour ne pas continuer à t'embêter, je suis allé sur un forum de spécialistes.
Quelqu'un avait le même problème que moi. J'ai lu les réponse (trois possibles :
- le premier "spécialiste" genre OVH = "Putain, c'est pourtant simple, taka apprendre les media queries". Bref, passons.
- le deuxième "spécialiste" proposait une centaine de lignes de code = indigeste. Passons.
- la troisième personne toute humble et sympathique = "Je vous propose ces deux lignes de code. Dites-moi si ça vous convient."
C'était parfait.

Sans commentaires.
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #201 le: jeudi 21 juin 2018, 18:51 »
le: jeudi 21 juin 2018, 18:51

Encore un autre petit motif de satisfaction.
Google ne me dit plus que mon site n'est pas adapté pour les portables.

Fongbe - Etude des langues fon et éwé du Bénin ainsi que les ...
https://beninfongbe.com/

Etude approfondie d'une langue du Bénin, le fongbe ou fon avec l'éwé - Grammaire, linguistique, dictionnaire, audio, traductions, contes, proverbes, histoire, ...

(Grâce à toi)

Et petit à petit je me dirige vers les premières pages.

Haaaaa !!!
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 #202 le: jeudi 21 juin 2018, 19:57 »
le: jeudi 21 juin 2018, 19:57

Tu connais flex maintenant ? :in:
Ou tu grilles les étapes ? :aa


C'est quand même pas pour Google que tu t'es mis au responsive, hein ?
Ici, Google a mis plusieurs années avant d'avoir du responsive. Je m'y suis mis quand on a commencé à me le demander.
Tu ne fais pas un site pour Google, faut pas l'oublier. ;)
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 #203 le: lundi 02 juillet 2018, 15:49 »
le: lundi 02 juillet 2018, 15:49

Bon alors, on en est où dans cette histoire ? :??
J'ai même pas eu mon chèque de remerciements ! ^-^

Je viens de passer sur le site, le responsive va quasiment tout bien comme il faut. :)

Alors, la suite c'est quoi ?
Le site est terminé ? Il va s'enrichir en contenu ?
Le contenu, il n'y a que ça de vrai ! Tout partager avant de glisser les orteils et le reste dans la tombe. :kk:

Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #204 le: lundi 02 juillet 2018, 16:34 »
le: lundi 02 juillet 2018, 16:34

Tu me rassures.
Au vu de ta dernière réponse, je croyais que tu étais irrité et je n'osais plus venir "te casser les pieds".
Hé oui, j'ai un petit tort : consulter google pour voir comment il réagit avec moi.
Grâce à lui, j'ai su que mon site n'était pas "responsive", expression inconnue de moi.
Bien sûr, je continue à avoir des tas de mini-problèmes que j'essaie de résoudre peu à peu.
En attendant, grâce au merveilleux NotePad++ et autres bidouilles (j'y excelle), j'ai pu mettre en ligne en deux heures le "dictionnaire syntaxique" qui normalement, au train où je rentrais mes données devait me prendre un an ou deux.
Pareil pour "famille de mots" qui me prendra 15 jours au lieu des deux ans prévus.
Pour le contenu, j'en ai 10 fois plus en-tête : mina, aja, moore, vezo.. Le site ne sera jamais fini.
Pour le moment, je me bats avec :
https://beninfongbe.com/bible/bible-fongbe.html
dont la présentation ne me plaît pas avec la couleur des lignes dont certains restent noires au lieu de bleu, les éléments qui ne sont pas élégamment les uns sous les autres et surtout, la page refuse d'être correctement lisible sur mon portable.

Heureux de papoter à nouveau avec toi. Merci.

Au fait, c'est quoi "flex" ?
Car de temps en temps, je pique des lignes de code sur google (encore lui !!!) sans trop les comprendre, du moment que j'ai le résultat escompté.
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 #205 le: lundi 02 juillet 2018, 18:59 »
le: lundi 02 juillet 2018, 18:59

Tu me rassures.
Au vu de ta dernière réponse, je croyais que tu étais irrité et je n'osais plus venir "te casser les pieds".

Rassure toi. Le jours où tu m'emmerdes, tu en seras le premier informé. Je trouve que c'est tout à fait normal de dire à son interlocuteur qu'il casse les couilles. :iq:
Bon, dans ma vie passée, ça m'a un peu couté de violence et des claques, mais je ne changerai pas pour si peu ! Ma franchise est un allié mais aussi un ennemi...


Pour le moment, je me bats avec :
https://beninfongbe.com/bible/bible-fongbe.html

Oui, c'est vrai que c'est moche. C'est mal présenté, ça ne va pas du tout. C'est une horreur !
Il faut trouver une solution !


Heureux de papoter à nouveau avec toi. Merci.

Ben moi aussi figure toi ! :)
Je me doutais un peu qu'une parole mal placée était responsable de ta désertion et qu'il fallait juste un p'tit coup de pouce pour l'oublier...


Au fait, c'est quoi "flex" ?

Flexbox, c'est le truc qui a résolu ton problème de je sais plus quoi. Tu avais eu à faire à trois personnes. Une qui te prenait de haut, Une autre je sais plus, et la dernière qui t'a refilé le bout de code flexbox qui va bien.

Perso, je connais mal flexbox. J'ai déjà regardé en vitesse, mais je ne m'y suis pas penché sérieusement.
Par contre, je sais que flexbox peut s'avérer miraculeux dans certaines situations !
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #206 le: lundi 02 juillet 2018, 19:08 »
le: lundi 02 juillet 2018, 19:08


Citation
Oui, c'est vrai que c'est moche. C'est mal présenté, ça ne va pas du tout. C'est une horreur !
Il faut trouver une solution !

Quelqu'un qui visitait mon site m'a dit :"Quelle horreur ! On ne peut laisser ça ainsi."

 Aimablement, il m'a proposé d'y travailler. Les premiers résultats sont encourageants.



Citation
Flexbox, c'est le truc qui a résolu ton problème de je sais plus quoi. Tu avais eu à faire à trois personnes. Une qui te prenait de haut, Une autre je sais plus, et la dernière qui t'a refilé le bout de code flexbox qui va bien.

Perso, je connais mal flexbox. J'ai déjà regardé en vitesse, mais je ne m'y suis pas penché sérieusement.
Par contre, je sais que flexbox peut s'avérer miraculeux dans certaines situations !


Je m'en rappelle. C'était au sujet des droits de l'homme sur deux larges colonnes.

A demain. Je suis saturé de codes aujourd'hui. Bonne soirée.
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 #207 le: lundi 02 juillet 2018, 19:17 »
le: lundi 02 juillet 2018, 19:17

D'accord, A+ ! :ij:
Signaler au modérateur   IP archivée

Dan229

  • Invité
Référencement Google - Aide SEO
« Réponse #208 le: mardi 03 juillet 2018, 10:37 »
le: mardi 03 juillet 2018, 10:37

Bonjour,
on est à nouveau sur la page des versets bibliques.
Je te tiens au courant.
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 #209 le: mardi 03 juillet 2018, 11:02 »
le: mardi 03 juillet 2018, 11:02

Salut,

La plage des versets bibliques ? Oh bon dieu ! Il a adhéré à une secte... >:(
Signaler au modérateur   IP archivée
Pages: 1 ... 11 12 13 [14] 15 16 17 ... 34   En haut
 

Page générée en 0.098 secondes avec 22 requêtes.