Code HTML de la première page
Cette première page est volontairement simplifiée au maximum. Elle est développée en HTML "fixe". Tout le code que vous trouverez ici est libre de droit. Vous pouvez bien entendu le recopier et l'utiliser (si, tout comme moi, vous débuter dans la création de sites Web).
Je précise que, sur la première version de cette page, des espaces ont déjà été réservés pour insérer des liens de publicité. Un espace en particulier : la colonne de gauche. De même, le code de cette première page Web, développée le 02 Octobre 2007, a probablement évolué à l'heure où vous consultez ce site. Vous pouvez bien entendu afficher le code actuel de la première page (Avec le click droit sur la page "Afficher la source").
Dans la première version, voici le code de l'entête du fichier HTML :
<html>
<head>
<title>Générer du trafic</title>
<meta name="description" content="Comment générer du trafic sur mon site Internet" />
<link rel="stylesheet" href="css/moncss.css" type="text/css" />
</head>
...
Titre de la page : La première ligne de l'entête concerne le titre. Ce titre est bien entendu indispensable et il est souhaitable qu'il soit différent sur chaque page. Il n'est pas conseillé de dépasser 100 caractères pour ce titre.
Balise META Description : cette balise contient une description succincte du contenu de la page. A priori, cette balise "description" contient le texte qui sera affiché dans les moteurs de recherche ainsi que les annuaires lorsqu'un lien vers ce site sera présenté. Il s'agit donc d'un texte particulièrement important. Ici aussi il est souhaitable que le texte soit différent sur chaque page. Ce texte doit contenir, en un minimum de mots, le maximum d'explications sur le contenu de la page (Jusqu'à 200 caractères).
Feuille de style : La troisième ligne de l'entête contient la référence à la feuille de style du site. l'utilisation d'une feuille de style n'est pas obligatoire. C'est cependant très intéressant pour intégrer une charte graphique cohérente sur l'ensemble du site sans avoir à intégrer les références grahiques (cadre, polices, couleurs, balise div, ...) sur chacune des page du site. Dans notre cas, nous utilisons un fichier CSS. Ainsi, lorsqu'une page contient la référence à ce fichier, aucune programmation graphique n'est nécessaire dans le code HTML. L'appel à des références du fichier CSS sont présentés dans le code ci-dessous du corps de la page (le BODY).
Voici le code du "BODY" de la page HTML :
<body>
<div id="header" onclick="index();">
<a href="/">Générer du trafic</a>
<BR>
</div>
<div id="contenu">
<div id="pub_left">
... CONTENU DU MENU DE GAUCHE ... (ici réservé à l'insertion prochaine de liens publicitaires)
</div>
<div class="txt">
<h1>Comment générer du trafic ?
</h1>
<h3>Ce site existe car je me suis posé des questions que vous vous posez certainement aussi : Comment générer du trafic sur mon site Internet ? Comment attirer les visiteurs ? J'ai donc commencé une expérience à laquelle je vous propose de participer. Il s'agit de mettre en ligne et de suivre l'évolution de ce site, d'étudier et de mettre en oeuvre les méthodes disponibles d'optimisation de site, de référencement, de positionnement. L'objectif est bien entendu de générer le maximum de trafic sur ce site. Si vous le souhaitez, nous allons faire cela ensemble.
</h3>
<p>Le principe est simple, à l'heure ou j'écris ces lignes, nous sommes le mardi 02 octobre 2007. Je prépare ce premier texte pour le mettre en ligne le plus vite possible. L'expérience pourra alors commencer. Bien entendu, au fur et à mesure de l'expérience, des améliorations et des optimisations seront appliquées pour augmenter la fréquentation du site et ainsi déterminer les meilleures méthodes à mettre en oeuvre.
</P>
<p> ... SUITE DU TEXTE DE CONTENU ...
</p>
<br>
</div>
</div>
<div id="menu_rub">
<ul>
<li onclick="clic('code_html_1.htm')" class="item">
<a href="code_html_1.htm">Code HTML</a>
Consultez ici le code HTML détaillé et expliqué de la première page du site lors de sa mise en ligne ...
</li>
<li onclick="clic('code_html_1.htm')" class="item">
<a href="/chirurgie-levres/">Fichier CSS</a>
Qu'est-ce qu'un fichier CSS ? Des explications et une présentation de la feuille de style initiale de ce site ...
</li>
</ul>
</div>
<div id="pied">
www.genererdutrafic.com
</div>
</body>
</html>
Les "div id=" : Références au format des balises div décrites dans le fichier CSS.
Commentaires
Aucun commentaire pour cette page...
Vous souhaitez commenter cette page
Précisions : Les commentaires sont systématiquement modérés avant d'être publiés sur le site Web (Un délai sera donc probablement nécessaire avant que vous puissiez voir apparaitre votre commentaire). Ce principe est appliqué pour éviter l'abus de personnes éventuellement mal intentionnées. Quoiqu'il en soit, les liens posés sur les commentaires pertinents seront affichés et ne porteront pas l'attribut rel=nofollow.
Un accusé de réception vous sera envoyé dans les 24 heures. Si vous ne recevez pas cet accusé de réception ou si vous rencontrez des problèmes avec ce formulaire d'envoi de mail, vous pouvez contacter directement l'adresse : info@genererdutrafic.com.
