background preloader

Infographie Référencement

Facebook Twitter

Découverte et installation de Piwik | Serveur Web | IT-Connect. I. Présentation de Piwik Si vous êtes webmaster et que vous possédez votre propre site web, blog ou forum, vous êtes très sûrement partie à la recherche d'outils vous permettant de monitorer et superviser le trafic de vos visiteurs. Il existe pour cela différent outils dont le plus déployé est Google Analytics, un produit gratuit fournis par Google.

Aujourd'hui, nous allons nous orienter vers un produit libre et open-source équivalent : Piwik Piwik est un outils qui peut être utilisé en mode auto-hébergé. Pour les pré-requis concernant l'installation de Piwik, un serveur LAMP fonctionnel sera suffisant ! Voici le site web de Piwik si vous souhaitez avoir plus d'information sur cet outil : II. Si vous disposez d'un serveur web fonctionnel avec un site web à monitorer, passons au téléchargement de Piwik. Note : Dans certains cas, il peut être nécessaire d'installer piwik dans le répertoire du site web directement. Cd /var/www/html wget IV.

Google

Référencement WordPress : la checklist pour améliorer le SEO de votre site. WordPress est un excellent outil pour développer votre présence en ligne, mais il demande tout de même quelques efforts d’optimisation pour un meilleur référencement de votre contenu. Même si vous investissez dans des campagnes payantes, de l’email marketing et une présence active sur les réseaux sociaux, il est important de penser au SEO (Search Engine Optimization) pour augmenter le trafic « naturel » vers votre site Internet. Vous ne savez pas par où commencer ? Suivez le guide pour améliorer votre référencement WordPress ! Un plugin très utile : WordPress SEO by Yoast C’est le leader incontesté des plugins WordPress dédiés à une meilleure gestion de l’optimisation du référencement sur les moteurs de recherche (SEO). Gratuit et facile à prendre en main, il vous permettra de mettre en place plusieurs des astuces présentées dans cet article, et vous donnera aussi des indications d’optimisations possibles : Vous pouvez le télécharger ici.

Comment optimiser vos articles ? Source : Serpiq.com. Photo : quatre alternatives gratuites à Photoshop Lightroom. Comment créer une interface originale ? Existe-t-il vraiment des astuces pour créer un web design original ? Sommes-nous vraiment maître de la création lors de la conception d’une interface ? Sans prétendre vouloir vous lister l’impensable recette miracle de l’originalité absolue, cet article vous donne des clés de réflexion sur la création appliquées à l’interface utilisateur.

Commençons par un cliché bien en place. En tant que web designer, vous vous êtes probablement déjà retrouvé face à un client vous demandant de créer le nouvel Amazon ou de vous inspirer du site d’Apple. Certes leurs sites sont souvent considérés comme des exemples, mais il est de votre ressort d’orienter votre client vers un design qui correspond à ses objectifs et sa cible. Cet exemple est valable pour n’importe quel projet web. Inspirez-vous Beaucoup de designers comptent toujours sur une solide base d’inspiration afin d’obtenir les meilleurs résultats pour leur projet.

Rien n’est original Fixez une direction artistique Soignez les détails. 42 sites pour trouver des images gratuites et libres de droit. Vous recherchez des images libres de droits ? Découvrez une sélection de 49 banques de photos gratuites pour trouver une image en haute definition à utiliser sans modération dans vos créations graphiques, vos arrières plans et vos webdesigns. Pour vos travaux personnels ou professionnels, il peut être très utile d’utiliser des photos libres de droits ou des vidéos gratuites.

Personnellement, j’utilise énormément ces banques d’images gratuites pour illustrer mes articles, mes ebooks et les miniatures de mes articles sur les réseaux sociaux. J’ai donc cherché pour vous tous les sites proposant ces ressources. Si vous avez un site à rajouter dans cette sélection, n’hésitez pas à l’ajouter dans les commentaires. Bonne lecture. Mis à jour le 8 décembre 2015 à 6h51 Librestock Permet de trouver plus de 39 000 images gratuites trouvées sur 40 banques d’images différentes. Voir Librestock Photostockeditor Merci pour votre confiance vous recevrez nos prochaines listes par mail. Voir Photostockeditor.com. Comment Google crawle t-il et indexe t-il nos sites web ? [Infographie] #SEO. Bonjour tout le monde ! En faisant de la veille stratégique sur le blog de Neil Patel, j’ai à nouveau trouvé une superbe infographie de cet auteur ! L’illustration porte sur la méthode de crawl et d’indexation de Google :) Je pense que cela pourrait intéresser tout référenceur.

Rappelons tout d’abord que Google a une base de données deux fois plus grosse que celles de Yahoo! Et Bing. Et il faut aussi clairement mentionné une chose : lorsqu’on cherche sur Google, on ne cherche pas sur le « web », on ne cherche que dans l’index de Google, son corpus de pages web ! Dans l’infographie, la notion de « web invisible » est également abordée. Les spiders de Google visiteraient et parcouraient les pages web « comme » des humains. Google aurait environ 1 000 000 serveurs pour crawler et afficher les pages web dans ses résultats. Neil Patel propose aussi dans son infographie 7 hypothèses qui feraient que Google (ou les autres moteurs de recherche) n’arrive pas à crawler un site : J'aime : Photoshop : les plugins essentiels pour les web designers. Véritables « accélérateurs de productivité », certaines extensions Photoshop deviennent quasi incontournables pour travailler efficacement. En tant que fervent utilisateur du logiciel pour le webdesign, je vous propose de découvrir mes extensions favorites.

Prisé par la communauté web depuis des années en tant que logiciel de création graphique, il faut bien avouer que Photoshop n’est aujourd’hui plus assez flexible pour correspondre à nos besoins réels pour le web. Le responsive design, les écrans à hautes résolutions et l’évolution des technologies web demandent aux designers de trouver d’autres solutions pour concevoir des interfaces de manière plus efficace. Malgré ses milliers de fonctionnalités, Photoshop n’est toujours pas un logiciel de web design et tel n’a jamais été sa prétention. Mais grâce à des initiatives au sein de la communauté web, le logiciel peut se voir augmenter d’intéressants panneaux pour la conception web.

SocialKit RamdomUser Transform Each Velositey Doco Glifo. DareBoost - Nos offres pour optimiser et surveiller votre site. Je souhaite analyser et/ou surveiller plusieurs domaines, comment faire ? Nous n'avons aucune limitation sur le nombre de domaines sur lesquels vous pouvez utiliser votre offre ! Dareboost est un service sans installation, vous pouvez analyser n'importe quelle pages web, quelque soit son domaine, y compris les sites de vos concurrents. Je souhaite payer par virement bancaire, comment faire ? Sélectionnez l'offre de votre choix, en paiement annuel, puis saisissez vos coordonnées.

Vous pourrez alors télécharger un devis que nous vous invitons à nous retourner signé. Nous vous communiquerons alors nos coordonnées bancaires et une facture. Mon besoin est ponctuel, dois-je m'abonner ? Dareboost propose des abonnements mensuels sans engagement, libre à vous d'y mettre fin à tout moment si vous n'avez besoin du service qu'un mois ou deux. La fonctionnalité de comparaison est-elle disponible sur toutes les offres ? Oui, bien sûr ! Je souhaite faire du monitoring transactionnel, c'est possible ? La balise Meta Keywords est inutile ! - Seo-labs. Photo editor online / free image editing direct in your browser - Pixlr.com. Convertisseur de couleurs en HEX et RGB et visualisation.

9 applications pour donner vie à votre contenu visuel. De façon générale, nous sommes plus sensibles au visuel qu’au texte brut. Facebook a connu une augmentation de 65% du taux d’engagement de leurs lecteurs suite à l’introduction de leur “Timeline”. Les chiffres parlent d’eux mêmes ! Suivant cette tendance, une pléiade d’acteurs a investi le web en développant des d’outils utiles pour la mise en œuvre de votre stratégie de contenu visuel. Voici donc 10 outils à connaître : 1. Vine est une application lancée par Twitter, faites pour partager et créer des vidéos de 6 secondes en boucle. 2. SlideShare comme son nom l’indique vous permet de partager vos présentations avec d’autres utilisateurs de la plateforme. 3. PicMonkey est un excellent outil pour retoucher vos photos ! 4. Si vous n’êtes pas sûr du type de contenu visuel que vous souhaitez créer et que vous souhaitez tester plusieurs formats avant de choisir le modèle qui vous convient ?

5. 6. Over est une application Ios qui vous permet d’ajouter du texte aux photos. 7. 8. 9. 2 sites pratiques pour réunir des images et vidéos libres et gratuites. Ces dernières semaines nous avons pu voir de nombreuses ressources autour d'images gratuites proposées à travers différents sites. Une tendance sur le partage de ressources libres qui permet de trouver facilement du contenu pour nos projets et faciliter l'accès à la création. Notre dernier article remonte à fin juillet sur ce thème avec "Trouver facilement des images gratuites et libres à usage commercial", mais aujourd'hui nous vous proposons deux sites qui vont plus loin qu'une simple banque d'images. Un site pour tous les réunir... enfin deux sites pour cette fois Nous avons découvert deux nouveaux sites en ligne à quelques jours d'intervalle qui proposent une nouvelle façon de parcourir des ressources gratuitement, à l'aide d'iframes.

L'idée et la conception n'ont pas demandé énormément de jours et d'heures de travail, mais le résultat est là ! Découvrez les deux sites avec : TheStocks.im Qui propose une série de banque d'images avec 14 sites regroupés. AllTheFreestock.com. Harp, the static web server with built-in preprocessing. Faites vos interactions vous-même sans connaitre le Javascript avec Uilang. Le Javascript est un langage à la croisée de deux mondes: celui du Webdesigner/intégrateur et celui du développeur.

En effet, s'il prend tout son sens lors du design des interactions, il reste malheureusement non accessible sans au moins des bases en développement. Pour simplifier la vie de tous les webdesigners et designer d'interactions, je vous propose de découvrir uilang, un langage centré uniquement sur les interactions. Uilang, le langage dédié a la création d'interactions Uilang est un langage simple à l'extrême, sans symboles complexes ni syntaxes obscures. Écrire en uilang revient presque à écrire en anglais standard, tellement le langage est simple. Les seuls caractères qui ne sont pas des chiffres ou des lettres sont les # et les . nécessaire au CSS.

Uilang est suffisamment rapide pour qu'il soit utilisable en production, et supporte tous les navigateurs jusqu'à ie7. Conclusion. Les animations autour des logos : 25 exemples en mouvement. HTML5 UP! Responsive HTML5 and CSS3 Site Templates. Dribbble - Popular. BrandColors: a collection of major brand color codes.

10 web design de qualité #2. Rechercher : Le gagnant de la deuxième invit’ dribbble Pinterest, le réseau social « tendance » → 10 web design de qualité #2 by admin Voici aujourd’hui une sélection de 10 sites au web design de qualité. captaindash.com createdm.com inze.it nerisson.fr workdiary.de soupagency.it lamoulade.com protest.eu stupid-studio.com zwartwitmedia.com N’hésitez pas à partager!!! Mots clés : css / graphisme / html / web / web design / webdesign ← Le gagnant de la deuxième invit’ dribbble 7 Commentaires pour 10 web design de qualité #2 Ping : 10 web design de qualité #2 | WebDesignWeb | Webdesign - Webmarketing | Scoop.it Ping : 10 web design de qualité #2 | WebDesignWeb | webdesigners | Scoop.it Sebbz dit : 7 mars 2012 à 9 h 29 min WORKDIARY ! Laisser un commentaire Votre adresse de messagerie ne sera pas publiée.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""><abbr title=""><acronym title=""><b><blockquote cite=""><cite><code><del datetime=""><em><i><q cite=""><strike><strong> Les amis. Www.maentis.com. Créer une page d'accueil statique sur un blog WordPress. Par défaut, la page d’accueil d’un blog WordPress affiche la liste des derniers articles publiés. Or, si l’on souhaite intégrer WordPress à un site déjà existant, il peut être intéressant de transformer la page d’accueil en une version statique et proposer un lien vers le blog du site contenant la liste des derniers articles publiés.

Pour mettre en place cette idée, suivez ce tutoriel ! Présentation Dans ce tutoriel, nous allons dans un premier temps créer une page que nous intitulerons articles.php. Celle-ci remplira le rôle d’une page d’accueil standard, c’est-à-dire listant l’ensemble de vos articles mais qui ne sera pas située à la racine de votre blog. Elle sera tout simplement accessible via un lien depuis la page d’accueil.

En second lieu, nous créerons une seconde page home.php qui nous servira de page statique laquelle restera localisée à la racine du site. La dernière étape consistera à modifier quelques paramètres dans l’interface de gestion de votre blog WordPress. <? Tous les filtres Photoshop en deux minutes de vidéo. Qui ne connaît pas le célèbre logiciel de retouche photo, Photoshop ? Professionnels comme amateurs font appel à lui pour leur travaux. Popularisés par les applications photo mobiles et autres services web comme Instagram, les filtres sont aujourd'hui très utilisés.

Présentation de ceux de Photoshop en deux petites minutes de vidéo. L’idée est simple: prenez le logo de Photoshop et appliquez-lui le premier filtre proposé par la version CS5 du logiciel d’Adobe. Ou sinon, créez un Tumblr pour proposer votre travail sous forme de GIF animés. Tutorials.