HTML

Les principales balises méta et leurs fonctions

Les balises méta sont utilisées par les administrateurs de sites Internet pour spécifier des métadonnées dans les documents HTML. Ces informations codées interagissent avec les navigateurs et les robots d’indexation et sont garantes de la visibilité des sites Internet dans le Word Wide Web. Pourtant quels sont les éléments méta nécessaires pour améliorer le traitement d’une page Web par les agents utilisateurs ? Et comment pouvez-vous, en tant qu’administrateur, augmenter le classement de votre page HTML grâce à des balises méta ? [...]  

enregistrer son site Internet sur les moteurs de rechercher

Saviez-vous qu’il est possible d’enregistrer son site Internet pour que celui-ci soit visible par les principaux moteurs de recherche tels que Google, Bing et Yahoo ? Ces derniers permettent aux éditeurs de sites Web d’ajouter leurs URLs dans les index de recherche. Cet article vous présente comment enregistrer votre adresse URL sur les moteurs de recherche pour ainsi en améliorer la visibilité sur le Web. [...]  

Le référencement naturel avec le fichier robots.txt

Un fichier robots.txt contient des commandes à destination des robots d’indexation des moteurs de recherche qui précisent quelles parties d’un site Web peuvent être lues. Au-delà des balises méta HTML, des redirections et des balises canoniques, le fichier texte robots.txt est un outil précieux pour toute stratégie de référencement naturel. Nous vous montrons comment ce fichier est construit et ce qui doit être pris en compte par les administrateurs de site Web. [...]  

Les meilleurs outils de wireframe et de mock-up

Un travail long et fastidieux de la part des développeurs et des designers est souvent nécessaire pour qu’une idée de projet Web puisse aboutir à un résultat final et opérationnel. De nombreuses décisions importantes doivent être prises pendant le processus de construction du projet Web et pour débuter, il est nécessaire de faire des plans et des ébauches. À cet effet, les mock-ups et les wireframes sont fort utiles dès le stade précoce de développement pour avoir des prototypes de conception. Pour les réaliser de manière efficace, vous pouvez vous aider d’outils de mock-up et de wireframe adaptés à vos besoins. [...]  

Astuces pour augmenter la rapidité de votre site

Parmi les différents aspects qui reviennent souvent lors de la création et de l’entretien d’un site Internet, on retrouve notamment l’aspect fonctionnel. Malgré le responsive Webdesign, les temps de chargement de nombreuses offres sur le Web sont bien trop élevés, bien que cela soit un critère décisif pour le comportement des visiteurs. Notre Digital Guide 1&1 vous montre comment optimiser votre site Web et donc augmenter sa performance. [...]  

Quels sont les critères d’une landing page réussie ?

Pour mettre en œuvre une stratégie de Webmarketing qui rencontre du succès, il convient d’avoir recours à différentes mesures pour fidéliser la clientèle. La landing page, ou page d’atterrissage, est un des outils principaux pour parvenir à cela. La page d’atterrissage redirige les internautes d’une bannière publicitaire ou des résultats de recherche vers une offre commerciale ciblée. À l’aide d’éléments interactifs placés judicieusement, la landing page est un excellent moyen pour amener les visiteurs à effectuer une transaction, à s’inscrire ou à effectuer une action. Une page d’atterrissage réussie réunit plusieurs critères : un contenu de qualité, une structure claire et une présentation soignée. [...]  

Comparaison entre Mock-up et wireframe

L’élaboration d’un nouveau site Internet ou d’une application Web qui débute par une simple idée première pour obtenir à la fin un produit opérationnel est longue. Une étape importante et souvent très stimulante est la mise en œuvre du concept dans la pratique, la visualisation des idées de la mise en page, le design et la fonctionnalité. Pour tout cela les wireframes et les mock-up jouent un rôle important. [...]  

Comment intégrer une vidéo sur votre site avec HTML ?

HTML5 rend la mise en ligne de contenus vidéo plus facile que jamais. La nouvelle version du langage hypertexte définit un élément video natif et l’interface de programmation correspondante. Les exploitants de sites Web ont aussi la possibilité d’intégrer des contenus audiovisuels de plateformes vidéo telles que YouTube ou Vimeo sur leurs propres pages Web. [...]  

Comment créer une galerie photo pour votre site Web

Internet vit des contenus multimédias. Peu importe s’il s’agit d’images, de GIFs ou de vidéos : sans voyage visuel, beaucoup de sites Web ne seraient qu’un désert de textes gris et les boutiques en lignes des énumérations d’informations de produits. Un classique pour présenter clairement des graphiques et des images à vos visiteurs est la galerie d’images. Une galerie peut s’intégrer facilement via HTML à l’aide de Lightbox notamment. Si vous travaillez avec un CMS, il existe de nombreux plugins et extensions à disposition pour réaliser présenter vos images de manière convaincantes. [...]  

Tutoriel Bootstrap : les premiers pas

Bootstrap est considéré comme l’une des meilleures solutions de la Toile quand il s’agit de concevoir facilement des sites Web responsives. Mais que se cache-t-il exactement derrière ce framework, prévu à l’origine comme un outil interne d’optimisation de Twitter. Les plus novices peuvent-ils également obtenir des résultats professionnels sans connaissances CSS, JavaScript et HTML approfondies ? [...]