background preloader

Webmastering

Facebook Twitter

HTML5 : 20 Conseils et astuces pour coder proprement ses pages. Voici une liste de 20 astuces pour coder vos pages proprement en HTML5.

HTML5 : 20 Conseils et astuces pour coder proprement ses pages

Tous ces conseils, mis bout à bout, vous serviront à améliorer votre référencement, respecter certaines normes W3C ou encore optimiser la compatibilité. Efforcez-vous de suivre le plus rigoureusement ces règles en fonction de votre projet. 1. Respecter le Doctype HTML5 Le Doctype à subit un rajeunissement avec l’arrivé du HTML5. 2. Vous avez déjà du l’entendre, mais pensez toujours à bien fermer vos balises. 3. Il existe de nombreuses raisons pour qu’une page soit accessible à différentes adresses à la fois. 10 sites de photos gratuites libres de droit - Lady bird red.

Comme je vous l'ai expliqué dans mes astuces pour un joli blog, le choix de vos photos et de vos images est très important pour votre blog.

10 sites de photos gratuites libres de droit - Lady bird red

Il faut les mettre en valeur dans votre design pour qu'elles s'imposent et attirent le regard de vos lecteurs. Mais il faut aussi bien choisir ses photos. Quand on n'est pas un photographe professionnel, et qu'on a simplement besoin d'une photo pour illustrer un article, alors on peut se tourner vers les photos gratuites sur internet (Google par exemple). Mais attention, le piège c'est que la plupart de ces photos ne sont pas libres de droit ! Créer et Ajouter un Favicon - Lady bird red.

Un Favicon c'est quoi ?

Créer et Ajouter un Favicon - Lady bird red

C'est cette petite image que l'on retrouve à gauche du nom d'une page web comme ceux-ci : Dans ce tutoriel je vais vous expliquer comment en créer un, et comment l'intégrer à votre Blog sous Blogger :) Introduction Un Favicon est une image en .ico généralement de taille 16 pixels par 16 pixels. How to Embed Facebook Videos In Web Pages. How to Adding Video to Blogger Sidebar. Today we provide step by step guide to Adding Video to Blogger Sidebar.

How to Adding Video to Blogger Sidebar

Most of blogger platform user wants to add blogger video in their sidebar to give more information about their services to user. Video marketing is a good method to tell more information to your user. Because of video marketing more than anything. So today we provide you how to add video in your blogger sidebar. 10 Beautiful, Free Content Sliders. One of the biggest challenges in web design is presenting lots of information in a limited space.

10 Beautiful, Free Content Sliders

Sign In to POWr. Create Account / Log In Log In Create Account Sign in with Facebook Sign in with Google Sign in with Yahoo or Forgot Password?

Sign In to POWr

Why do I need an account? Sign up with Facebook Sign up with Google. Balises titres h1 h2 h3 h4 h5 h6 en référencement naturel SEO. Les Balises h1 à h6, qu’est ce que c’est ?

Balises titres h1 h2 h3 h4 h5 h6 en référencement naturel SEO

Dans une page web, les titres introduisant le contenu dans l'HTML sont signalés par les balises h1, h2, h3, h4, h5 et h6 (h pour "heading" en anglais) et ont deux principales vocations : préparer la lecture du paragraphe que ces titres précèdent en résumant son contenu. Ils aident ainsi les lecteurs à mieux comprendre ce qu’ils vont lire. indiquer aux moteurs de recherche les informations les plus importantes que comportent votre page (l'algorithme de Google accorderait plus de poids aux mots clés et expressions que contiennent les titres qu'au reste du contenu) Par ailleurs, concernant l’écriture des titres dans une page web, la norme HTML 4.01 nous dit que : RM Tech : un outil d'audit SEO complet pour plaire à Google. Rédigé par Jean-Baptiste, le juin 17, 2015 On peut écrire sur son blog des articles parfaitement optimisés pour les moteurs de recherche et avoir malgré tout sans le savoir plein de pages mal conçues qui risquent de pénaliser le bon référencement de son site.

RM Tech : un outil d'audit SEO complet pour plaire à Google

En utilisant un thème WordPress bling bling, différents plugins qui surchargent nos pages, des nuages de tags dans tous les sens, on peut vite générer plein de pages en erreur, déstructurées, avec du contenu dupliqué dans tous les sens. J’ai pu m’en rendre compte par moi-même sur BlogBuster.fr et corriger rapidement grâce à l’outil d’audit complet SEO RM Tech de Ranking Metrics. RM Tech différence entre la version gratuite et complète Grâce à Olivier Duffez de WebRankInfo, j’ai pu profiter à titre gratuit de 2 crédits pour débloquer la version complète de l’outil sur 10 000 URLs (analyse complète avant optimisation et après). Dans la version complète, on a : HTML Tutorial. Styler la balise <hr /> La balise <hr> (ou <hr /> en XHTML), qui signifie horizontal rule, est une règle horizontale servant de séparation, pouvant marquer un changement notable dans le contenu.

Styler la balise <hr />

L'une de ses utilisations courantes est de marquer la fin de blocs flottants grâce à la propriété clear qui lui permet de gérer les débordements dûs aux positionnements flottants. Styler la balise <hr> Le premier problème à contourner est alors celui de la décoration de la balise <hr> puisque les différents navigateurs ne sont pas d'accord entre eux. Certains liens anglophones sont alors bien utiles : On y apprend, entre autre, que la couleur de la règle se définit soit par la propriété color, soit par background-color.

Un exemple concret ? L'exemple ci-dessous ne nécessite aucune image, se base sur des caractères unicode. E-commerce and content management. By Martin Blackburn.

E-commerce and content management

Du bon usage des attributs alt et title sur les images et les liens. Les attributs alt et title sur les images et les liens sont rarement utilisé à bon escient. Pourtant, leur usage est fortement recommandé, et leur compréhension essentielle. La théorie L'attribut alt alt doit être présent sur toutes les images, même s’il peut rester vide (pour les images purement décoratives). Il sert à apporter la même information que l’image (en général le texte qu’elle porte) dans le code de la page. L'attribut title title, quant à lui, peut être utilisé sur les liens, pour apporter une information nécessaire à la bonne navigation du visiteur et supplémentaire à l'intitulé du lien. La pratique Incorrect : Le title n’apporte pas une information supplémentaire, il est redondant avec l’intitulé du lien.

Blogger

Google. Outils en ligne. Balises meta.