Nouveau site & medias queries
Pikure64
Messages postés
19
Date d'inscription
Statut
Membre
Dernière intervention
-
Pikure64 Messages postés 19 Date d'inscription Statut Membre Dernière intervention -
Pikure64 Messages postés 19 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous !
En tant que grand débutant en webmaster, je me suis lancé comme défi de créer mon site internet de A à Z tout seul comme un grand... Cependant beaucoup d'entre vous vont voir des erreurs ou des éléments pas du tout adaptés...
Voici mon premier site internet : www.davidmaye.com
J'ai mis (essayer est plus approprié) en place des medias queries, je souhaiterais savoir si ils sont efficaces chez tout les utilisateurs, et si non, pouvez vous me dire ce qui "couac" ?
et que pensez-vous de mes balises meta pour mon référencement ? Seront t'elles efficaces ou au contraire nulles ?... (J'ai lu que Google pouvait mettre jusqu'à 2 mois pour référencer les sites de manière efficace...) Vous me confirmez cela ?
J'attends vos avis avec impatience !
Merci d'avance pour vos réponses.
En tant que grand débutant en webmaster, je me suis lancé comme défi de créer mon site internet de A à Z tout seul comme un grand... Cependant beaucoup d'entre vous vont voir des erreurs ou des éléments pas du tout adaptés...
Voici mon premier site internet : www.davidmaye.com
J'ai mis (essayer est plus approprié) en place des medias queries, je souhaiterais savoir si ils sont efficaces chez tout les utilisateurs, et si non, pouvez vous me dire ce qui "couac" ?
et que pensez-vous de mes balises meta pour mon référencement ? Seront t'elles efficaces ou au contraire nulles ?... (J'ai lu que Google pouvait mettre jusqu'à 2 mois pour référencer les sites de manière efficace...) Vous me confirmez cela ?
J'attends vos avis avec impatience !
Merci d'avance pour vos réponses.
A voir également:
- Nouveau site & medias queries
- Nouveau site coco chat - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
5 réponses
Salut,
ta balise title est trop longue. Plus elle est longue, plus c'est dilué. Compte 60 caractères grand max.
Ta meta description essaye de la rédiger un peu plutot que de mette que des mots clé. En général 160 caractère c'est correct.
Ta meta keyword, est longue. En général 6 mot clés c'est bien.
Tu a choisi le XHTML plutot au HTML. C'est moins souple, il faut que tu ferme tes balises. Tu as 7 erreurs sur l'accueil, il manque des /
Pour les media queries, ton site sur la page d'accueil passe sur une tablette (je pense) mais sur un smartphone non. Le mieux est d'avoir des smartphone, mais tu peux t'aider de cela :
http://emulateurmobile.com/
¸,ø¤º°'°º¤ø,¸¸,ø¤º° un (0n53!1 ? f0rm473... °º¤ø,¸¸,ø¤º°'°º¤ø,¸
ta balise title est trop longue. Plus elle est longue, plus c'est dilué. Compte 60 caractères grand max.
Ta meta description essaye de la rédiger un peu plutot que de mette que des mots clé. En général 160 caractère c'est correct.
Ta meta keyword, est longue. En général 6 mot clés c'est bien.
Tu a choisi le XHTML plutot au HTML. C'est moins souple, il faut que tu ferme tes balises. Tu as 7 erreurs sur l'accueil, il manque des /
Pour les media queries, ton site sur la page d'accueil passe sur une tablette (je pense) mais sur un smartphone non. Le mieux est d'avoir des smartphone, mais tu peux t'aider de cela :
http://emulateurmobile.com/
¸,ø¤º°'°º¤ø,¸¸,ø¤º° un (0n53!1 ? f0rm473... °º¤ø,¸¸,ø¤º°'°º¤ø,¸
Utilisateur anonyme
on as du mal à comprendre qu'il faut cliquer sur le titre pour acceder au site
Okay ! merci beaucoup pour ta réponse ! Oui, en effet il y a plusieurs modifications à apporter pour les smartphones... Je me re (re-re-re...) penche dessus !
Il manque des / à quel niveau stp ?
Il manque des / à quel niveau stp ?
Autre question ! J'ignore complètement la différence avec du xhtml et le html... Il est encore temps pour que je change cela ? Avec Dreamweaver ?
Salut avec XHTML tu dois obligatoirement fermé tes balises avec un /
exemple
<div></div> ou <img />
Moi je préfère HTML5 car il apporte beaucoup de nouvelles balises qui permettent au navigateur de mieux comprendre les éléments de ta page. De plus, tu peux mettre des vidéo, de l'audio ou même dessiner.
Tu peux faire la transition facilement, il faut changer le DOCTYPE.
actuellement tu as :
tu modifie en :
puis tu emploie ces nouvelles balises qu'il apporte.
par exemple tu as :
tu peux modifier en :
http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3/organiser-le-contenu-en-html
Sinon je te disais que lorsque l'on arrive sur le site on comprends pas qu'il faut clicker sur le titre pour accéder au contenu. Il faut savoir que les gens quand il arrivent sur un site regarde très vite, lisent entre les lignes. Si en quelques secondes ils n'ont pas tout de suite ce qu'ils recherche, ils vont voir ailleurs.
Pour ton code tu peux t'aider du validateur. http://validator.w3.org/
bonne soirée
¸,ø¤º°'°º¤ø,¸¸,ø¤º° un (0n53!1 ? f0rm473... °º¤ø,¸¸,ø¤º°'°º¤ø,¸
exemple
<div></div> ou <img />
Moi je préfère HTML5 car il apporte beaucoup de nouvelles balises qui permettent au navigateur de mieux comprendre les éléments de ta page. De plus, tu peux mettre des vidéo, de l'audio ou même dessiner.
Tu peux faire la transition facilement, il faut changer le DOCTYPE.
actuellement tu as :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
tu modifie en :
<!DOCTYPE html> <html>
puis tu emploie ces nouvelles balises qu'il apporte.
par exemple tu as :
<body>
<div id="header">
<div id="rubrique">
<a href="index.html" title="Retour à la page d'accueil" class="margespx" style="font-family:din_lightregular">Accueil</a>
<a href="Presentation.html" title="Présentation entreprise" class="margespx" style="font-family:din_lightregular">Présentation</a>
<a href="portfolio.html"title="Mon portfolio" class="margespx" style="font-family:din_lightregular">Conception & Infographie</a>
<a href="contact.html"title="Me contacter" class="margespx" style="font-family:din_lightregular">Contact</a>
</div>
</div>
<div id="contenu">
<!-- ect ect... -->
tu peux modifier en :
<body>
<header>
<nav>
<!-- là tu peux mettre une liste à puce modifier en CSS pour une meilleure sématique -->
<ul>
<li>
<a href="index.html" title="Retour à la page d'accueil" class="margespx" style="font-family:din_lightregular">Accueil</a>
</li>
<li>
<a href="Presentation.html" title="Présentation entreprise" class="margespx" style="font-family:din_lightregular">Présentation</a>
</li>
<li>
<a href="portfolio.html"title="Mon portfolio" class="margespx" style="font-family:din_lightregular">Conception & Infographie</a>
</li>
<li>
<a href="contact.html"title="Me contacter" class="margespx" style="font-family:din_lightregular">Contact</a>
</li>
</ul>
</nav>
</header>
<section>
<!-- ect ect... -->
http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3/organiser-le-contenu-en-html
Sinon je te disais que lorsque l'on arrive sur le site on comprends pas qu'il faut clicker sur le titre pour accéder au contenu. Il faut savoir que les gens quand il arrivent sur un site regarde très vite, lisent entre les lignes. Si en quelques secondes ils n'ont pas tout de suite ce qu'ils recherche, ils vont voir ailleurs.
Pour ton code tu peux t'aider du validateur. http://validator.w3.org/
bonne soirée
¸,ø¤º°'°º¤ø,¸¸,ø¤º° un (0n53!1 ? f0rm473... °º¤ø,¸¸,ø¤º°'°º¤ø,¸
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question