Open Graph: optimiser le SEO avec les balises Open Graph Définition du protocole Open Graph Le définition officielle du protocole Open Graph indique que c'est un protocole qui permet à une page web de devenir un objet "riche" dans un réseau social. Plus concrètement, le protocole Open Graph est un ensemble de balises qui permet à un webmaster de donner aux principaux réseaux sociaux (Facebook, Google +, Twitter, Linked in...) des informations précises sur ses pages. Ces informations permettront aux réseaux sociaux de mieux afficher un lien sur une ces pages qui aurait été placé par leur utilisateurs. Le protocole Open Graph a été crée à l'origine par Facebook et est désormais géré par l'Open Web Fondation. Quelle est l'impact de l'Open Graph sur le SEO ? En théorie, l'impact de l'Open Graph sur le SEO est limité. En pratique cependant, les réseaux sociaux comme Facebook ont pris une telle importance depuis quelques années que les moteurs de recherche ne peuvent pas ignorer les données de l'Open Graph dans leurs algorithmes.
Link Building for the Little Guys As part of a small business, I always find it very frustrating when I read articles about the ‘best ways to build links to your website’. The same things seem to appear each time: create an infographic, get a video to go viral, write an ebook that people can download, produce some white papers, etc. Now, I’m not saying that these methods don’t work, because they are completely legitimate ways of building links. What I get frustrated about is that if you are a business with very low influence and you create this type of new, unique content, it can be quite a struggle to get it in front of those you wish to see it. With this in mind, I thought I would share the methods that I have found to be most effective for all us ‘little guys’. [image credit: www.telegraph.co.uk] Forget Link-Building, Think Relationship-Building Make the Right Relationships Whenever I create content I always ask the question: why would anyone benefit from sharing it? So Why Would Anyone Benefit From Sharing My Content?
Cours de HTML Créez simplement vos metas balises grace au Script Java du MetaTag-Generator v3. Pourquoi les META balises ? Un site web qui vit, qui bouge, c'est un site qui a de l'affluence et qui interagit avec l'internaute. Pour cela, faut-il encore qu'on tombe sur le site en question ! Et là, y'a pas de secret : seul un très bon référencement pourra vous permettre d'attirer à vous tous ceux qui se baladent nonchalamant sur le web. Mais comme la plupart des outils de recherche sur internet sont des moteurs de recherche d'indexation automatique comme AltaVista (à distinguer des annnuaires comme Yahoo), il faut préparer à l'avance ses pages à l'arrivée des robots de ces moteurs de recherche. Car lorsqu'on soumet l'adresse de son site à un moteur, celui-ci l'enregistre puis envoit des "robots" aller se balader sur vos pages et enregister les informations contenues dans les meta balises que vous aurez préalablement placé entre les balises <HEAD> et </HEAD> de votre code HTML. Des infos sur vous
Les 5 meilleures marques utilisant Instagram On n’a beau le dire année après année, les réseaux sociaux prennent de plus en plus d’importance dans le monde du web, et ça les marques l’ont bien compris. Quelle aubaine, pouvoir se créer une communauté qui va relier les produits et l’image de la marque. Mais tout n’est pas aussi facile pour une marque de tirer profit des réseaux sociaux, faut-il encore bien les utiliser. Et si il y a bien un réseau social qui monte en puissance depuis quelque temps, et sur lequel il faut miser, c’est bien Instagram. Regardons maintenant de plus près les 5 marques qui utilisent le mieux Instagram et pourquoi. Starbucks Nombre de photo : 226 Followers : 919 688 Comment Starbucks utilise Instagram ? L’utilisation qu’en fait Starbucks est simple et judicieuse, prendre en photo ses produits avec les clients. Niveau d’engagement Quand Starbucks publie une photo sur Instagram, la marque peut compter sur au moins 200 commentaires sur chacune d’elles. Starbucks sur Instagram :
HTML XHTML -Les balises méta Des métadonnées placées dans l'entête Les balises meta vont nous permettre de donner au navigateur des informations sur la page web à afficher. On dit que ce sont des métadonnées (du grec meta "après" et du latin data "informations", soit une donnée servant à définir ou décrire une autre donnée). Les balises meta seront toujours placée entre les balises <head> et </head>. On distingue 2 types de balises méta : Les balises méta "name" qui permette de décrire la page. Les balises méta "name" Elles s'utilisent toujours comme ceci : <meta name="mot clé ici" content="valeur ici" /> Elles nous permettent notamment de préciser : L'auteur de la page grâce au mot clé author : Une description de la page grâce au mot clé description : Une liste de mots clés pour qualifier la page grâce au mot clé keywords. Le logiciel utilisé pour réaliser la page grâce au mot clé generator : Les balises méta "http-equiv" Elles s'utilisent comme ceci : <meta http-equiv="mot clé ici" content="valeur ici" /> En résumé
Web 2.0 : 5 tendances de communication à intégrer d’urgence en 2013 Lors de la conférence LabCom du 21 janvier, j’ai eu l’opportunité de partager avec l’auditoire les tendances de communication qui vont à mes yeux, régir les relations entre les entreprises et les citoyens-consommateurs dès 2013 et au-delà. Bien que d’aucuns persistent à s’accrocher aux désuets modèles communicants où le « top-down » ultra-standardisé prévaut plus que jamais, la communication des marques et des entreprises est entrée de plain-pied dans une ère où les acteurs entendent dialoguer d’égal à égal et avec des exigences nettement plus critiques. Aujourd’hui, il ne fait plus aucun doute que les réseaux sociaux ont totalement ébréché et chamboulé les paradigmes gouvernant la communication des entreprises depuis les années 80. Si la tentation de la communication « flonflon et paillettes » a quasiment trépassé, crise socio-économique oblige, nombreux sont ceux qui s’arqueboutent encore sur la communication incantatoire et calibrée comme un poulet de batterie.
Meta Tags Meta tags don’t do anything to the content that is presented in the browser window, but they are used by the likes of search engines to catalogue information about the web page. There is one meta tag which can be used as many times as you desire inside a head element and they can contain the attributes charset, name, http-equiv, and content. When the name or http-equiv attribute is used, the content attribute is then used in conjunction with them to apply meta data itself. Names The name attribute can be anything you like. HTTP Equivalents The http-equiv attribute can be used instead of the name attribute and will make an HTTP header, which is information sent to the server where the web page is held. <head><title>Air conditioners? 40 Fresh, Free Fonts for Graphic Designers Choosing the Right Type: 10 Considerations A critical question we often ask ourselves and know other designers contemplate when working on any given design is, “How do I choose the right font?” So many factors go into this decision, however thanks to the help of some friends, including Creative Director Michael Prewitt as well as Art Directors Craig Weiland and Harley Peddie, we’re here to share with you ways you can choose the perfect typeface for every project. Use this tool from inspirationlab.wordpress.com, Pinned on Go Media’s Pinterest How to Choose a Font 1. Before venturing into your design, investigate the mood, personality, and attitude of the project. Then, as Michael Prewitt notes, ask yourself, ‘Is the typeface appropriate for the subject?’ “This question,” he finds, “is the king. Adds Craig Weiland, “A designer has to be aware of the basics of type usage. Does this logo’s typeface communicate the kind of things you’d go to a massage parlor for? 2. 3. 4. 5. Prewitt agress. 6. 8.
TOUTES LES BALISES META : Liste complète des balises META Balise META : <meta name="keywords"> Syntaxe :<meta name="keywords" content="Les mots clés ici"> ou <meta name="keywords" lang="xx" content="Les mots clés ici"> Cette balise possède l'attribut lang qui peut définir la langue utilisé pour votre site (fr pour française, en pour Anglaise, en-us pour Américaine, de pour Allemande, it pour Italienne...)Si votre site comporte plusieurs langues vous pouvez employer plusieurs balise keywords. Nombre de caractères : 1000 Maxi ou 100 mots clés. Dans le nombre de caractères, il ne faut pas oublier de compter les lettres accentuées une fois codées en Html. joshbuchea/HEAD: A list of everything that could go in the <head> of your document
<head> cheatsheet - A free guide to <head> elements HEAD/README.md at master · joshbuchea/HEAD