Catégorie : Développement web

Les emails restent un moyen d’échange professionnel privilégié. Que ce soit avec vos clients, prospects, partenaires ou prestataires, ce canal de communication vous permet de faire passer des messages. Et nous ne parlons pas uniquement du corps de votre email, mais aussi de votre signature ! Cette dernière vous offre la possibilité de donner des renseignements complémentaires sur vous et de valoriser votre expertise. Personnalisée, elle indique vos coordonnées, votre poste et invite le destinataire à vous rejoindre sur vos réseaux sociaux. Comment créer, en quelques secondes, une signature d’email professionnelle ? Codeur vous présente ses 8 outils gratuits préférés (cet article contient des résultats sponsorisés). 1. Boost My Mail Boost My Mail est un éditeur en ligne de création de signature email, compatible avec les messageries Outlook et Gmail. Rapide et simple d’utilisation, aucune connaissance en intégration ou en HTML n’est requise. Il vous suffit de choisir un modèle de signature puis de le personnaliser avec votre logo et vos coordonnées (nom, prénom, fonction, numéro de téléphone, site internet, réseaux sociaux, etc). Pour renforcer l’image de votre marque vous pouvez également modifier la couleur dominante. Autres avantages de Boost My Mail : vous pouvez ajouter un bandeau publicitaire à votre signature d’email et suivre ses performances par le biais de statistiques. N’hésitez pas à essayer l’outil pendant 14 jours pour générer en quelques clics une signature email à l’ensemble de vos collaborateurs. L’abonnement est également gratuit jusqu’à 10 utilisateurs avec le pack Ambassadeur. 2. ZippySig   Facile à prendre en main, l’outil ZippySig vous permet de créer une signature entièrement personnalisée. Il vous suffit de sélectionner un template parmi la liste proposée, d’entrer vos coordonnées, puis de choisir les polices et couleurs. Il ne vous reste plus qu’à télécharger la signature et l’uploader dans votre outil de messagerie. Bien entendu, ZippySig vous offre la possibilité d’intégrer votre photo ou le logo de l’entreprise, ainsi que les icônes de vos profils sur les réseaux sociaux. L’outil est gratuit pendant 7 jours, il faudra ensuite compter au minimum 5$/mois pour pouvoir créer plus de signatures emails. 3. Signature Maker Plus simple que Signature Maker, nous ne sommes pas sûrs que ça existe ! Vous n’avez pas besoin de vous inscrire pour créer votre signature personnalisée. Entièrement gratuit, l’outil ne peut vous fournit qu’un type de design, c’est donc à prendre ou à laisser. Cependant, l’encart proposé est très épuré, professionnel et s’adapte à tous les secteurs d’activité. Vous pourrez y ajouter une photo ou un logo, ainsi que tous vos profils sur les réseaux sociaux : Facebook, Twitter, Linkedin, Google +, Instagram… Lorsque votre signature est prête, l’outil vous propose un code HTML à intégrer dans vos messages. 4. WiseStamp Différent des autres outils proposés, WiseStamp est une extension Firefox qui crée une signature pour tous vos services webmail : yahoo, gmail, live… Ce service est idéal si vous avez plusieurs adresses email que vous gérez en ligne. En installant l’application, vous pourrez personnaliser entièrement votre signature : style, police, couleur, ajout d’image, etc. Vous aurez même la possibilité d’inclure un flux RSS qui proposera votre dernier article de blog, par exemple. Vous pouvez aussi choisir d’inscrire une citation ou de présenter votre nouvelle vidéo YouTube. Évidemment, WiseStamp vous permet d’ajouter les icônes de réseaux sociaux. Enfin, sachez que l’extension vous propose de créer plusieurs signatures, pour chacune de vos adresses emails. Il ne vous restera qu’à choisir l’encart approprié au moment d’envoyer votre message.  Assistance Email   Avec un choix limité de design, Assitance Email vous facilite la création de signature personnalisée en quelques secondes et gratuitement. L’outil est idéal pour ceux qui veulent rapidement créer une signature épurée, disposant de toutes les informations nécessaires : nom, site internet, adresse, numéro de téléphone et URL du site. Par contre, n’espérez pas pouvoir intégrer une photo, un logo ou vos réseaux sociaux. 6. Le générateur de signature d’emails d’Hubspot La célèbre plateforme Inbound Marketing Hubspot vous propose son générateur de signature gratuit. Simple, élégant et moderne, le design vous permet d’afficher clairement toutes vos informations importantes : coordonnées, numéro de téléphone, site internet, réseaux sociaux… Vous pourrez même créer un call-to-action pour inciter vos destinataires à télécharger votre dernier livre blanc, s’inscrire à votre newsletter, participer à votre webinar… C’est vous qui voyez ! Enfin, le générateur d’Hubspot vous propose une série de badges de certification à afficher dans votre signature, pour valoriser votre expertise. 7. Si.gnatu.re Très simple d’utilisation, l’outil Si.gnatu.re est certainement le plus complet de notre liste puisqu’il vous permet de créer rapidement votre signature d’email et de la personnaliser comme bon vous semble. Pour un outil entièrement gratuit les fonctionnalités sont nombreuses : personnalisation de la police d’écriture, des couleurs, de la tailles des icônes, de l’alignement des textes ou encore de la position de votre image ou logo. À noter aussi que l’outil référence une trentaine de réseaux sociaux, vous n’aurez donc aucun problème à rediriger vos contacts vers votre compte Spotify, Strava ou encore TripAdvisor. 8. MySignature Quel que soit votre profession, MySignature aura certainement le template qu’il vous faut pour votre signature email. Vous retrouverez les fonctionnalités de bases telles que l’ajout des réseaux sociaux, des coordonnées et même d’une bannière. Le petit plus ? MySignature vous propose d’ajouter un lien de tracking sur votre bannière et vos icônes de réseaux sociaux afin de connaître le nombre de clics et biens d’autres informations. Si vous souhaitez développer votre stratégie emailing, vous pouvez faire appel à un consultant emailing freelance en déposant une annonce gratuitement sur Codeur.com. Vous connaissez d’autres outils pour personnaliser la signature de vos emails ? Partagez-les en commentaire !

Un site dit « staging » est une réplique identique de votre site web : fonctionnalités, serveur, cache, bases de données, etc, tout doit être pareil. Son but ? Vous permettre d’effectuer des tests et des mises à jour avant de les passer en production et donc de les rendre visibles aux yeux de vos visiteurs. Tout site web, quel qu’il soit, se doit d’être sécurisé. Nous avons déjà fait le point sur la sécurité des sites WordPress, mais qu’en est-il pour les sites staging ? Dans cet article, nous allons voir les différentes méthodes pour rendre votre site staging inaccessible aux autres internautes afin que vous puissiez faire vos tests en toute sécurité. Pourquoi sécuriser son site staging ? Un site staging n’est accessible qu’aux membres de votre équipe, voire qu’à vous-même si vous êtes freelance. Pour autant, même si les internautes ne sont pas censés s’y rendre, il est primordial de le sécuriser. Premièrement parce qu’il serait embarrassant que des internautes tombent sur une seconde version de votre site contenant du faux texte ou aient accès à votre nouvelle identité de marque que vous préparez en « secret ». Et deuxièmement parce que d’un point de vue SEO, votre site staging pourrait réduire tous vos efforts en matière de référencement naturel. En tant que réplique identique, vous pourriez vous retrouver avec des problèmes de contenu dupliqué si votre site staging est indexé par les moteurs de recherche. Pour ces deux raisons principales, vous devez vous assurer que votre site staging n’est pas indexé et qu’il n’est pas accessible aux autres internautes. Voyons à présent comment faire… Comment sécuriser son site staging ? Méthode 1 : L’authentification HTTP Il s’agit de la meilleure méthode pour sécuriser votre site staging. Cette authentification HTTP se fait généralement à l’aide d’un nom d’utilisateur et d’un mot de passe, c’est la méthode dite Basic. Dès qu’un utilisateur accède à l’url du site staging, les identifiants de connexion sont demandés. En cas d’identifiants incorrects, l’utilisateur est redirigé sur une page d’erreur. Attention Pour que cette méthode soit pleinement sécurisée, il est recommandé de la mettre en place seulement si votre site staging utilise le protocole HTTPS. L’authentification http basic est la plus efficace et aussi la plus pratique. Vous aurez en effet toujours accès aux outils Google pour tester votre site. N’hésitez pas à faire appel à un freelance expert pour mettre en place l’identification HTTP sur votre site staging. Grâce à votre fichier .htaccess, il pourra restreindre l’accès à votre site réservé aux tests. Méthode 2 : Le blocage du fichier robots.txt Pour rappel, le fichier robots.txt est un fichier texte placé à la racine de votre site. Il indique aux moteurs de recherche les pages à ne pas explorer et indexer. Afin que votre site staging ne soit pas exploré par les robots Google, il est nécessaire de leur bloquer l’accès à vos pages. Pour ce faire, renseignez le code suivant : User-agent : * Disallow : / Cette deuxième méthode n’est pas la plus efficace : Il n’empêche pas des personnes tierces à accéder à votre site staging Google peut indexer votre site test s’il y trouve des liens : pour empêcher cela vous pouvez renseigner Noindex : / mais cette directive n’est pas toujours prise en compte Il faut être prudent lors de la mise en production afin de ne pas transférer ce fichier robots.txt Méthode 3 : Utiliser un accès VPN Un VPN (Virtual Private Network) est, dans un bon français, un réseau virtuel privé. Il vous permet de vous connecter à un réseau local et de naviguer sur internet par le biais d’une connexion chiffrée. De cette façon, vos données sont sécurisées. Pour sécuriser votre site staging, l’idée est de placer ce dernier sur un réseau fermé, par exemple celui de votre entreprise. Ont accès à ce dernier toutes personnes disposant d’un accès VPN. Encore une fois, cette méthode nécessite l’intervention d’un expert. Vous pouvez déposer votre projet gratuitement sur Codeur.com pour trouver un freelance. L’utilisation d’un accès VPN offre de nombreux avantages et semble une méthode tout aussi efficace que l’authentification HTTP. En revanche, certains outils de monitoring ne sont pas toujours accessibles. Il existe d’autres méthodes pour sécuriser votre site staging, mais nous vous avons présenté les plus courantes, et surtout la plus efficace : l’authentification HTTP. Si possible, c’est celle-ci que vous devriez mettre en place.  

L’outil GitHub est une référence dans le domaine du développement web. Cette plateforme de gestion de code héberge des millions de projets open source dans plusieurs langages de programmation. Les 36 millions d’utilisateurs peuvent profiter de nombreuses fonctionnalités : collaboration avec d’autres développeurs, vérification du code, création d’une documentation, suivi et gestion du projet, etc. Si GitHub est une très bonne plateforme, sachez qu’il existe d’autres outils avec des fonctionnalités similaires vous permettant de gérer votre code. Nous faisons le point sur les alternatives à GitHub. 1. GitLab Si vous cherchez à remplacer GitHub, GitLab est sans doute la meilleure option. Cet outil open source est utilisé par des entreprises mondialement connues telles que la NASA, Bayer, ING ou encore Sony. En termes d’utilisation, GitLab est très proche de GitHub et vous permet de migrer facilement votre code de cette dernière plateforme. Parmi les nombreuses fonctionnalités proposées, retenez que vous pouvez collaborer avec d’autres membres et vérifier la qualité de votre code. De nombreuses données vous sont fournies pour vous aider à mieux gérer votre projet et sécuriser votre code. Pour débuter sur GitLab, profitez de l’abonnement gratuit. Vous pourrez ensuite passer aux abonnements payants, à partir de 4$ par mois et par utilisateur, pour accéder à des fonctionnalités supplémentaires. 2. BitBucket Sur BitBucket, vous apprécierez l’interface intuitive et le dépôt de référentiels privés illimités et gratuits. La possibilité de donner des permissions aux utilisateurs s’ajoute aux demandes d’extraction et de révision du code. Cette application de gestion de code source peut être une bonne alternative à GitHub pour les grandes entreprises : hébergée par Atlassian, BitBucket peut être intégré à d’autres outils de l’éditeur, notamment Jira, Bamboo et Confluence. Si vous êtes freelance ou à la tête d’une petite entreprise rassurez-vous, BitBucket reste une très bonne alternative grâce à ses tarifs. L’outil est gratuit pour les équipes allant jusqu’à 5 personnes, au-delà l’abonnement commence à 2$ par mois et par utilisateur. 3. SourceForge Avec ses 33 millions d’utilisateurs, SourceForge est l’outil open source de gestion de code le plus apprécié dans la communauté Linux. Le point fort de cet outil ? La possibilité de créer en illimité des projets open source, et ce gratuitement. D’autres fonctionnalités sont à découvrir. Vous pouvez fusionner des requêtes d’extraction et profiter d’un répertoire de code intégré. Des données statistiques vous sont communiquées sur les systèmes d’exploitation et les emplacements des personnes ayant téléchargé votre code. Si vous souhaitez utiliser SourceForge en guise d’alternative à GitHub, vous pouvez facilement importer votre code grâce à GitHub Importer. 4. Cloud Source Hé oui, Google a lui aussi son propre gestionnaire de code. Compatible avec GitHub et BitBucket, vous pouvez dupliquer votre code sur Cloud Source pour bénéficier des fonctionnalités proposées. L’avantage de cet outil est la possibilité de profiter des autres outils de GCP (Google Cloud Platform) comme Google App Engine. Grâce à Cloud Source, vous pouvez aussi effectuer une recherche rapide de code via le navigateur source. De nombreuses autres fonctionnalités sont à découvrir. Utilisez Cloud Source gratuitement dans la limite de 50 Go de stockage et 5 utilisateurs. Il faudra ensuite compter 1 $ par utilisateur et par mois. 5. AWS CodeCommit Comme Google, Amazon possède sa propre solution pour héberger des référentiels Git privés. AWS CodeCommit s’avère être une bonne alternative à GitHub, surtout si vous utilisez les autres services d’Amazon Web Services. Avec cet outil votre code est entre de bonnes mains puisqu’il est stocké dans le AWS Cloud. Grâce à AWS Identity and Access Management, vous pouvez aussi connaître qui accède à votre dépôt, et pourquoi. AWS CodeCommit facilite la collaboration entre les utilisateurs et détient toutes les fonctionnalités que vous pouvez attendre d’une alternative à GitHub. Vous pouvez par exemple créer et fusionner des demandes d’extraction, créer des révisions de code et suivre les différents problèmes. Dans une limite de 50 Go de stockage et de 10 000 requêtes Git par mois, AWS CodeCommit est gratuit pour les 5 premiers utilisateurs. Comptez ensuite 1 $ par mois et par utilisateur.  

Vous souhaitez améliorer votre référencement naturel ? Générer du trafic qualifié depuis les moteurs de recherche est l’une des meilleures stratégie d’acquisition de ces dernières années. Comme vous le savez, en SEO le contenu est roi. Le meilleur moyen de présenter ses contenus en optimisant son taux de conversion est le blog. En effet, nous sommes tous friand d’articles lors de notre cycle de décision. Surtout pour les achats complexes. Très bien, mais quelle solution choisir pour héberger son blog ? Personnellement, je suis un grands fan de WordPress car selon moi il s’agit du meilleur CMS pour produire des contenus optimisés SEO. Je vous explique pourquoi en détails ! 1. Les URLs L’optimisation des URLs est très importante. Dans l’idéal, il faudrait que l’URL d’une page ou d’un article contienne le mot clé principal. Dans l’idéal également, l’URL devrait être courte. Bonne nouvelle, WordPress propose de configurer ce qu’on appelle les “permaliens”, en somme, les URLs des pages et articles. Il suffit d’aller dans Réglages -> Permaliens et de cocher la case “Nom de l’article” : Par défaut, l’URL prendra le titre de la page ou de l’articles. Si le titre de mon article est “Comment développer son trafic grâce au SEO ?”, l’URL de mon article sera : monsite.com/comment-developper-son-trafic-grace-au-seo. Trop long peut-être ? Très bien, dans chaque article, WordPress permet de modifier l’URL : Soit directement en cliquant sur le titre de son article, soit à droite dans l’onglet “Permalink”. Je pourrais par exemple remplacer l’URL : monsite.com/comment-developper-son-trafic-grace-au-seo par : monsite.com/developper-trafic-seo Plus court, optimisé SEO, c’est parfait ! 2. Le responsive design Vous le savez, pour Google il est indispensable qu’un site propose une version adaptée aux grands écrans, mais aussi et surtout aux mobiles puisque le trafic web est de plus en plus mobile. Aujourd’hui, un site non responsive aura énormément de mal à bien se positionner. Heureusement, sur WordPress, que l’on choisisse un thème gratuit ou bien un thème Premium payant, tous sont Responsive ! Faites donc attention à ne pas télécharger un thème datant d’il y a 10 ans … La base de données officielle de thèmes gratuits WordPress regorge de thèmes Responsive et de qualité. Pour vérifier si un thème est responsive, vous pouvez le tester avec l’outil de test d’optimisation mobile de Google. 3. Les images Les images … l’ennemi du SEO. On veut souvent mettre plein de belles images partout pour rendre son site plus beau. Seulement, chaque image devra être téléchargée par les visiteurs et cela peut parfois prendre pas mal de temps, surtout si les visiteurs n’ont pas la fibre optique. La première solution sera de se calmer un peu sur les images : inutile d’uploader des images en 5000*5000px en super HD pour les afficher en 300px de large. Ensuite, il sera bon de : Renseigner une balise alternative (alt) sur chaque image Compresser l’image Pour la balise alt, WordPress le propose nativement ! Chaque fois que vous chargez une image, sans son édition, vous pouvez renseigner une balise alt qui contiendra si possible votre mot clé SEO et décrira l’image : Pour la compression, ce n’est pas natif mais il existe des plugins gratuits à installer sur son WordPress qui vont compresser automatiquement vos images, réduisant ainsi leur taille sans pour autant nuire à la qualité. Je recommande le plugin Smush Image Compression and Optimization. 4. La vitesse La vitesse devient un critère de plus en plus important pour Google. En effet, comme je le disais le trafic étant de plus en plus mobile, les pages doivent s’afficher rapidement à l’internaute, qu’il ait la fibre optique ou bien qu’il soit perdu au fin fond de la Charentes avec une petite 3G. En réduisant vos images, vous allez déjà accélérer la vitesse de chargement de votre site, mais d’autres optimisations peuvent vous permettre d’aller plus loin. Il existe des plugins de cache gratuits qui vont permettre de mettre en cache vos pages WordPress directement sur votre serveur, mais également d’activer la mise en cache navigateur chez vos internautes. Je recommanderais le plugin gratuit W3 Total Cache. Des plugins payants peuvent permettre d’aller plus loin, en activant par exemple le Lazy Loading (les images ne se chargent qu’au moment où l’internaute arrive devant), la minification des fichiers CSS et JS (réduction du nombre de lignes de codes donc optimisation du chargement), nettoyage de la base de données, configuration d’un CDN (pour les sites internationaux). Je recommande personnellement WP Rocket qui est français et qui coûte 49$ / an. 5. La balises meta Indispensables à un bon référencement naturel, les balises meta description et Title sont stratégiques. Chacune de vos pages et chacun de vos articles doit présenter une balise Title et une balise meta-description optimisée (contenant un mot clé) et être unique. Sur WordPress, nativement, la balise Title sera le titre de votre page ou de votre article, ce qui est mieux que rien, mais pas totalement optimisé. La description sera choisie par Google lui même, en fonction du contenu de votre page. Tout ceci n’est pas optimal, mais heureusement il existe des plugins vous permettant de personnaliser vos balises. Notamment, le très connu Yoast SEO. Il s’agit d’un plugin français et surtout gratuit ! Il vous permettra d’optimiser vos Title et meta description, mais vous permettra également d’activer d’autres optimisations, il s’agit d’un incontournable. Comme vous pouvez le voir, la configuration de vos balises se fait très facilement. Yoast vous aide à respecter les règles de Google et vous donne un aperçue de la SERP (page des résultats de recherche) finale. 6. Le cocon sémantique Rien de tel pour générer du trafic grâce au SEO qu’une architecture de sites en silos ! Qu’est-ce qu’une architecture en silos ? Pour ceux qui ne le savent pas, la technique de Cocon Sémantique de Laurent Bourrelly consiste à structurer son site en plusieurs silos représentant chacun une thématique, contenant plusieurs niveaux de pages / articles se faisant des liens entre elles mais jamais entre les différents silos. WordPress permet justement de créer une telle architecture très simplement, soit via la gestion des pages parents / enfants soit via les catégories d’article (pour un format blog). Il suffit ensuite de bien paramétrer ses menus et de gérer correctement le linking interne pour créer facilement son cocon sémantique. Voici un cocon sémantique réalisé

Qui ne sait jamais retrouvé devant une page erreur 500 les yeux écarquillés sans comprendre pourquoi… ? Ces erreurs pourraient être évitées, mais encore faut-il comprendre leur provenance et savoir résoudre le problème.

Avec un logiciel de base de données, comprendre et utiliser les informations devient plus facile. Pour vous permettre de créer une base de données ordonnée et performante, on vous propose le top 5 des meilleurs logiciels du marché !

Les facteurs de performance comme la vitesse ou le poids d’une page web sont cruciaux. Il est donc essentiel de tester les performances de son site et d’identifier ses points d’amélioration.