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. 4. Bien qu’il existe d’autres solutions plus complète, vous pouvez néanmoins régler certain aspect du cache du navigateurs de vos visiteurs. Suivant votre cas, il peut être préférable de définir le cache. En revanche si, par exemple, votre site à accès régulièrement à des bases de données qui le maintiennent à jour le cache ne dois pas fonctionner.

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 ! Il faut une autorisation pour utiliser et modifier ces photos !

Pour éviter ce problème, voici 10 sites qui proposent des photos gratuites ET libres de droit ! Unsplash. 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. 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 : Les problèmes détectés par RM Tech que j’ai décidé de corriger tout de suite.

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. E-commerce and content management. By Martin Blackburn 25th Oct 2012 Here is a way to make iframes, objects and embeds responsive, without the need for JavaScript.

E-commerce and content management

I recently had to make an iframe responsive. The problem being that services usually put the width and height properties on, which is of course no good for a responsive website. 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.

Du bon usage des attributs alt et title sur les images et les liens

Pourtant, leur usage est fortement recommandé, et leur compréhension essentielle. La théorie L'attribut alt.

Blogger

Google. Outils en ligne. Balises meta.