Nouveau site & medias queries

Fermé
Pikure64 Messages postés 19 Date d'inscription jeudi 6 mars 2014 Statut Membre Dernière intervention 26 mars 2014 - Modifié par Pikure64 le 26/03/2014 à 14:23
Pikure64 Messages postés 19 Date d'inscription jeudi 6 mars 2014 Statut Membre Dernière intervention 26 mars 2014 - 26 mars 2014 à 21:46
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.
A voir également:

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... °º¤ø,¸¸,ø¤º°'°º¤ø,¸
0
Utilisateur anonyme
26 mars 2014 à 14:37
on as du mal à comprendre qu'il faut cliquer sur le titre pour acceder au site
0
Pikure64 Messages postés 19 Date d'inscription jeudi 6 mars 2014 Statut Membre Dernière intervention 26 mars 2014
26 mars 2014 à 19:00
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 ?
0
Pikure64 Messages postés 19 Date d'inscription jeudi 6 mars 2014 Statut Membre Dernière intervention 26 mars 2014
26 mars 2014 à 19:11
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 ?
0
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 :

<!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... °º¤ø,¸¸,ø¤º°'°º¤ø,¸
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Pikure64 Messages postés 19 Date d'inscription jeudi 6 mars 2014 Statut Membre Dernière intervention 26 mars 2014
Modifié par Pikure64 le 26/03/2014 à 21:47
D'accord super ! Je te remercie de ces conseils ! Merci beaucoup !

Bonne soirée à toi aussi !
0