stenrdj/frontendseo

FrontEndSEO

#Bonjour! Le projet contient que un seul fichier HTML , j'ai choisi les deux derniers exercices : Front-end et SEO. ###Front-end ####DatePicker le travaille principalement se tourne autour de DatePicker , selon l'API de cette Jquery UI interface on affiche le panel de datepicker avec la fonction datepicker() , j'ai personnalisé le code pour qu'il soit facile et utilisable plusieurs fois au formulaire :

 function getdate(id){
    $( "#"+id ).datePicker();
  }

On appelle cette fonction dans chaque élément sur le DOM en passant comme paramètre l'id de celle-ci . ce bout de code doit se place obligatoirement après l’appeler du fichier JS de DatePicker. ####Design Uniforme Appliquer un style uniforme pour tous les champs de formulaire et très primordiale en terme de UX/UI . alors j'ai ajouté le meme style que de celle de les champs input pour les choix select .

 .send_mail select {
	border: 1px solid #e0e1e5;
	color: #666666;
	display: inline;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	margin-bottom: 30px;
	outline: none;
	width: 100%;
	text-transform: uppercase;
		}

également j'ai ajouté le place holder pour les champs de date á fin d'informer le visiteur du contenu souhaité saisir dans ces champs. ###SEO Le référencement naturel est très important, ce que vous demandez c'est le On-page , généralement ce qu’il faut faire c'est utiliser au moin un seul h1 tag et h2 .... p, lorsque'on applique On-Page SEO , le plus important c'est le contenu .

content is the king.

D'autre part il est préférable que le mot clé de la page soit présent dans les tags , title , h1, h2 et plusieurs fois dans p .

L'utilisation de l'attribut Alt dans les tags img est également important pour une bonne indexation des images , et sans oublier les meta tags , keywords, description .

Finalement le concept de **Mobile First ** est très favoriser par Google .

Merci!