Articles avec le tag ‘Site’

Le référencement


Etape 6 :

Pour être sûr que votre site reçoive les bons visiteurs , il est important d’en faire la promotion ciblée. Pour cela, il est conseillé de respecter certaines règles et outils

3 Les META-TAGS
Il s’agit ici d’ajouter quelques lignes (balises html ) à vos pages. Le principe est de publier des pages internet sur lesquelles sont insérés votre description, votre titre, qui permettent alors aux moteurs de recherche de bien lire votre site et ainsi de bien le positionner. Créez vos propres meta-tags différents pour chaque page (afin d’optimiser l’indexation de vos pages).

Une fois créés, insérez-les sur votre page dans les balises <head> de votre page. Cette modification s’effectue hors-ligne , ensuite uploadez les fichiers sur le ftp.
Avant de passer du temps à enregistrer votre site, comme dans l’étape précédente ,vérifiez que les meta-tags sont corrects sur chacune de vos pages.

2 LES ANNUAIRES
Pour démarrer, inscrivez vous sur les principaux annuaires tels que Yahoo, Google, Alta Vista, Voila. Plus des trois quarts des connexions passent par ces moteurs , d’où l’importance de figurer dans leur base de données.
Ensuite, nous préconisons l’inscription ciblée, c’est à dire dans des annuaires spécialisés et à fort trafic et fort pagerank , choisissez bien la catégorie et soumettez votre site . Vous pouvez également proposer votre site dans notre Annuaire Vitclic.

Nous vous conseillons de tester gratuitement le système de liens proposé par Linkomatic : 25 soumissions gratuites dans les annuaires

Pour toutes ces inscriptions, vous devrez compléter des formulaires, sur lesquels il faudra préciser différentes informations : titre, description, email valide etc…
Nous vous conseillons de conserver dans un fichier excel par exemple un registre des soumissions avec les dates , l’url et la catégorie de votre site. Ainsi vous pourrez ultérieurement tracer votre site et éviter les doublons.

Une fois soumis, votre site n’apparaîtra pas automatiquement, certains annuaires vérifient manuellement et demandent donc plus ou moins de temps à accepter la soumission.

Ce référencement ciblé vous apportera donc plus de visiteurs , un internaute parcourt en général les 3 premières pages de résultats de sa requête : il faut donc optimiser au maximum  et évitez le spamming des moteurs de recherche

3 Les échanges de liens – Partenariat

Il est important d’échanger des liens avec d’autres sites traitant du même sujet que vous. Cela  à un intérêt double, plus vous avez de liens de qualités qui pointent vers votre site, meilleure sera sa notation dans les moteurs de recherche.  Et plus la note est bonne,  mieux vous serez placé dans les résultats.

Accessoirement vous pouvez créer une bannière pour votre site,  ces échanges de liens et bannières génèrent également des nouveaux visiteurs ciblés.

1 What else? (Quoi d’autre?)
Le référencement en ligne est la grosse part du boulot
qui ne doit pas vous faire oublier de communiquer autour de votre site :
– Faites le tour de la famille et des amis et demandez leur de faire suivre votre lien.
Incluez votre url dans toutes vos correspondances
– Si votre site est celui de votre entreprise, incluez l’url dans chaque document qui sort : factures, courriers, publicité, catalogue , pages jaunes.etc…
– Vous êtes un particulier, créez vos propres cartes de visite et faites les circuler.
– Tenez un registre de toutes les actions que vous avez effectuées pour la promotion de votre site tout en cherchant de nouvelles idées !!!
– Certains de nos partenaires ont créé pour promouvoir leur site des crayons et des tee-shirts par exemple.

Codage de votre site


Etape 3 : Le codage de votre site

Le Codage de votre site

Pour créer le code html de votre site, il existe plusieurs solutions telle que l’utilisation d’un kit graphique html, d’un éditeur html, écrire manuellement votre code ou combiner ces solutions.

Les différents points que nous allons donc développer sont 1 ) l’utilisation d’un kit graphique html 2) l’utilisation d’un éditeur html 3) utilisation d’un éditeur de texte tel que notepad ++ ou  un éditeur plus facile tel que Dreamwaver.

    Comment créer le code html de votre site ???

– Comme nous l’avons mentionné ci-dessus , il est important de choisir la solution que vous allez utiliser pour développer votre site. (voir les logiciels pour créer un site)

Les kits graphiques : Nous conseillons cette solution si vous n’avez pas le temps d’apprendre le html. Il existe plusieurs types de templates (ou kit graphique) html disponibles sur le net : les templates gratuits et les templates payants. Les templates gratuits demandent en général que le lien de téléchargement reste affiché sur votre site, et les payants, sont plus souples (parfois il est même possible d’acheter le template uniquement pour son site) .

Les éditeurs html : de nombreux éditeurs tel que « Kompozer » sont disponibles et gratuits, ils assistent les plus novices d’entre nous à créer leur page. La plupart vous propose des boutons et des toolbars qui permettent d’insérer les principaux tags à votre place (gras, italique, etc…) tel que le ferait votre traitement texte word par exemple.

Créer le code entièrement à l’aide d’un éditeur de texte, demande une connaissance parfaite du langage html, nous développerons bientôt une rubrique vous permettant de modifier vous même votre code. Voir les bases du HTML


Pour la création de votre premier site, il est conseillé d’utiliser un kit graphique déjà existant et d’insérer votre contenu et de le mettre en page à l’aide d’un éditeur html. Votre site a ainsi une bonne présentation pro et une qualité supérieure – Rappelez vous que les visiteurs doivent être séduits dès leur arrivée, les sites trop débutants en mise en page font fuir les internautes (au détriment de leur contenu) . A titre personnel , nous pensons que cette étape est indispensable à tout webmaster. Elle permet ainsi d’acquérir les bases et de perfectionner sa connaissance . Tous les sites ont plusieurs étapes dans leur vie et cette genèse est l’une des plus importantes.

Après avoir lu la méthode , vous avez peur de vous lancer ou de ne pas maîtriser les connaissances , il existe de très bon générateurs de sites en ligne.

Nous conseillons Cmonsite qui est un outil gratuit qui vous permet de vous lancer et des dessiner votre site en 2, Cmonsite vous propose des options payantes, non obligatoires ==>> Accéder

Charte Graphique – Design


Etape 2 : Charte graphique – Design

Vous devez centrer votre design en fonction du plan de votre site créé dans l’étape 1 . Dans la rubrique Design de votre plan, vous devrez donc bien définir les couleurs que vous allez utiliser, comment remplir vos pages, comment mettre en valeur le contenu ? quelles images ajouter ? et comment l’internaute va t il naviguer ?

    Les éléments importants sont donc :

Les couleurs

– Définissez une couleur de fond, de texte , de liens. Pour le moment ne vous inquiétez pas de la technique, choisissez vos couleurs en tenant compte des principes de bases :
– Assurez vous que la couleur de votre texte ne se fonde pas ou ne colle pas avec votre couleur de fond.
– La clef est de bien gérer les contrastes: ceci pour que le visiteur se repère dans la navigation, par exemple le gris clair ne contraste pas assez avec notre fond bleu.
– La couleur de fond doit être neutre et claire.
– Ne prenez pas d’image multicolore en image de fond
– N’utilisez pas de bleu ou rouge sur un fond noir
– N’utilisez pas de jaune sur un fond blanc
– Un fond noir peut créer des soucis d’impression
– Votre fond DOIT être le même sur chaque page
– Il est également possible de créer une couleur de lien en fonction de la valeur des pages dans votre plan , le lien vers les pages principales de votre plan pourra être d’une certaine couleur et celui vers les autres pages d’une autre.

Quoique vous définissiez pour vos couleurs, complétez votre plan de départ avec ces nouveaux éléments graphiques.

La consistance

La mise en page générale doit donner un aspect de page remplie , vous devez donc garder une attention toute particulière à ce détail.
– utilisez les mêmes polices et tailles d’écriture tout au long de vos pages.
– ne mélangez pas trop les polices.
– votre couleur de fond devra être la même sur l’ensemble des pages
– votre logo doit apparaître au même emplacement sur chacune de vos pages et être de la même taille
– vos photos ne doivent pas être trop grandes
– une fois que vous maîtrisez le html, créez vous une page type que vous réutiliserez comme modèle de base.

Les Photos, dessins, illustrations

– modifiez la taille des photos pour qu’elles se chargent rapidement dans le navigateur de votre visiteur
– toutes les illustrations doivent avoir un lien direct avec le texte
– pas trop de gifs animés , il détourne le visiteur du texte et du contenu
– les formats gifs et png , sont conseillés pour les boutons, icônes, dessins, le format jpeg pour les photographies
– ajoutez des tags html « alt » à chacune de vos photos
si vous utilisez des photos qui ne vous appartiennent pas vérifiez qu’elles sont libres des droits d’auteurs.
– ajouter un favicon à votre site

Navigation

Sur chacune de vos pages, votre visiteur doit pouvoir se repérer et savoir comment naviguer dans le site , il faut donc lui fournir un menu de navigation fonctionnel. Le plus simple est de créer des liens explicites, il est également possible de créer une barre de navigation avec image ou flash…
– Quoiqu’il en soit, pour éviter la confusion :
votre système de navigation doit apparaître sur chacune de vos pages au même endroit , en haut , à droite ou à gauche ou au bas de votre page (moins conseillé).
votre menu doit donner une idée au visiteur de ce qu’il va trouvé en cliquant sur le lien
si vous utilisez des icones , conservez les conventions par exemple , une enveloppe pour le lien de contact courriel
pour les sites qui ont plus de 10 pages , il est préférable d’avoir un plan général du site

La méthode conseillée par Vitclic

Pour un webmaster débutant, nous recommandons
1- de commencer avec des pages html classiques
2- ensuite d’apprendre à coder en html
3- puis de coder à l’aide de tableau
4- ne pas utiliser de frames
5- une fois que tous cela est bien maîtrisé de se lancer dans la conception ou la rénovation de son site en utilisant le css (ce sont des feuilles de styles (en anglais « Cascading Style Sheets », abrégé CSS) elles sont un langage qui permet de gérer la présentation d’une page et de celle de tout votre site sur un seul fichier)

Créer le plan de votre site


Etape 1: CREER LE PLAN DE VOTRE SITE

Pour établir un plan : identifiez le public visé, définissez le sujet, le thème principal de votre site. Créez un brouillon pour chaque page, planifiez la fréquence envisagée de vos mises à jour et choisissez un hébergeur.

Vous aurez également besoin pendant votre « carrière de webmestre » d’effectuer de nombreux copier-coller , si vous ne maitrisez pas cette technique : visitez notre page Copier Coller

Afin de faciliter la mise en route de votre projet : créez vous un document papier sur lequel vous tenterez de répondre à ces questions.

QUI ?
Définissez les envies de vos visiteurs. Mettez-vous à leur place : connaissances, envies, besoins , que viendront-ils chercher sur votre site?

QUOI ?
Quel message voulez-vous transmettre ? En effet , le contenu est le plus important , celui qui vous prendra le plus de temps dans votre projet de développement de site. Inventoriez les informations, documents en votre possession – Ciblez les informations qu’il vous manque – trouvez les réponses et mettez vous à écrire votre contenu en le sauvegardant par rubrique dans un fichier wordpad par exemple.

QUAND?
Quelle date de lancement ? quelle fréquence de mise à jour? Pour la plupart des webmasters elles sont hebdomadaires.

OU?
Où vais-je héberger mon site? ( rendez-vous rubrique hébergement)

POURQUOI ?
Pourquoi avez-vous envie de créer votre site? Quelques exemples : Pour le travail ? pour vendre des produits? pour partager avec des personnes ayant le même centre d’intérêt que moi ? ….

COMMENT?
La navigation , le look , nous le développerons dans la prochaine étape .

Une fois que vous avez répondu à toutes ces questions vous êtes prêts à passer à l’étape suivante. LE DESIGN : charte graphique et mise en page….

©VitClic.com 2007/2010 Mentions