lvlup.fr - Agence de développement haut de gamme https://lvlup.fr Veille sur le référencement Recevez des webhooks en local https://lvlup.fr/bookmark/localhost-webhooks Jusqu'à aujourd'hui, chaque fois qu'on me parlait de webhooks, une goutte de sueur coulait sur ma tempe : impossible de les recevoir en local sans tripoter la config de ma box Orange, déjà bien capricieuse, et du coup sans exposer au monde un port de mon poste. Je ne suis pas le seul à avoir ce souci, et UltraHook est né. Ce petit script en ruby, qui s'active en ligne de commande, permet de mapper un host externe (soumettre.machin.ultrahook) vers l'url locale (soumettre.test/url/du/callback) qui doit être appelée par le hook. Ça m'a permis notamment d'implémenter la solution "Payment Intent" de Stripe sans trop galérer. On en reparlera ;) https://lvlup.fr/bookmark/localhost-webhooks Tips de design pour améliorer vos formulaires https://lvlup.fr/bookmark/design-tips-formulaires Une grosse quinzaine d'astuces pour améliorer l'expérience utilisateur sur vos formulaires. Chaque astuce est fournie avec deux images : à ne pas faire / à faire, pour que le message passe bien. https://lvlup.fr/bookmark/design-tips-formulaires Un jeu pour tester votre oeil de designer https://lvlup.fr/bookmark/jeu-design Can't Unsee est un jeu qui vous propose deux images, qui sont des morceaux d'interface web. A vous de dire laquelle est la meilleure version. Les premières sautent aux yeux, mais l'affaire se complique très vite. Une fois que vous avez répondu, vous pouvez appuyer sur Shift pour comparer les deux versions.  https://lvlup.fr/bookmark/jeu-design Liens réciproques: à fuir comme la preste ? https://lvlup.fr/bookmark/liens-reciproques J'imagine que vous aussi, vous fuyez comme la peste le fait de faire des échanges de liens réciproques ? Cet article vous intéressera : d'après AHrefs, ce type de liens est beaucoup plus fréquent qu'on ne le croit. Quasiment la moitié des sites qui rankent sur Google ont au moins quelques liens réciproques qui traînent dans leurs backlinks... https://lvlup.fr/bookmark/liens-reciproques PageRank via Surfeur Raisonnable https://lvlup.fr/bookmark/calcul-pagerank-raisonnable S'il y a bien UNE chose qui fait la force des frères Peyronnet, à mon sens, c'est leur capacité à expliquer des choses compliquées avec des termes simples, sans les vulgariser au point de les dénaturer. En voilà un exemple : Guillaume nous explique comment calculer le PageRank d'une page, en utilisant la méthode dite du "surfeur raisonnable". En gros, il s'agit de donner un poids à chaque lien en fonction de sa visibilité, puis de faire un calcul "classique" en utilisant un scrap ScreamingFrog du site et Gephi pour l'analyse du graph. Bref, allez lire son article, il l'explique bien mieux que moi. https://lvlup.fr/bookmark/calcul-pagerank-raisonnable E-Commerce : gérer les produits indisponibles https://lvlup.fr/bookmark/ecommerce-produits-indisponibles On s'est tous déjà posé la question : sur un e-commerce, comment gérer les pages qui correspondent à des produits qui ne sont pas disponibles à un instant T ? Ça peut être des ruptures de stock, des produits qui ne sont plus fabriqués, etc. L'article tente d'y répondre en présentant plusieurs cas de figure. https://lvlup.fr/bookmark/ecommerce-produits-indisponibles Google et le JS https://lvlup.fr/bookmark/google-javascript Dans cet article publié sur une source officielle Google, Martin Splitt nous explique, via un exemple concret (une appli web qui affiche des photos de chats) comment on peut s'assurer que Google arrive à indexer le contenu généré dynamiquement en Javascript. L'appli est écrite en ES6, il est confirmé au passage que Google ne s'en occupe pas encore. La solution est d'installer un serveur Express avec le middleware RenderTron, qui s'occupera de générer le rendu du contenu dans un format que Google pourra parser proprement. Là où je trouve ça particulièrement intéressant, c'est que le middleware est appliqué uniquement sur les requêtes dont l'user-agent contient "googlebot". Google confirme donc officiellement que le cloaking sur user-agent est tout à fait tolérable de leur côté, tant que ça vise à les aider à indexer le site. https://lvlup.fr/bookmark/google-javascript Laracon Online 2019 : dernier jour pour le tarif Early Bird https://lvlup.fr/bookmark/laracon-online Chaque année, Taylor Otwell, créateur de Laravel, organise une édition spéciale en ligne de LaraCon, LE gros évènement autour de Laravel. Sans sortir de chez vous, vous pourrez assister aux conférences des gros contributeurs de Laravel. La journée sera diffusée en direct, ça commencera à 3 heures de l'après-midi et ça finira à 1h du matin. L'année dernière, les vidéos étaient aussi disponibles en téléchargement.Le 31 janvier est le dernier jour pour acheter les billets à $12, ensuite ils passent au tarif plein de $25.  https://lvlup.fr/bookmark/laracon-online Référencer ses produits sur Amazon https://lvlup.fr/bookmark/amazon-seo Gérgory Florin et Gauthier Caizergues ont publié un article qui reprend des bonnes pratiques pour mieux référencer ses produits sur Amazon. Il en sort une petite liste de bonnes pratiques pour maximiser les chances de voir ses produits dans les SERPs Amazon. https://lvlup.fr/bookmark/amazon-seo La CNIL inflige 50 millions d'euros d'amende à Google https://lvlup.fr/bookmark/cnil-google-50-millions La CNIL reproche à Google, dans le cadre du RGPD, de ne pas fournir une information suffisamment claire à ses utilisateurs quant aux usages prévus pour leur données personnelles. Selon leRGPD, l'amende prévue dans ce cas peut monter jusqu'à 4% du chiffres d'affaires de la société concernée. La sanction intervient après plaintes de la Quadrature du Net et None Of Your Business. https://lvlup.fr/bookmark/cnil-google-50-millions Newspack : Google et Wordpress s'attaquent au journalisme local https://lvlup.fr/bookmark/google-wordpress-local-news Dingue. Google News et Automattic, la société derrière Wordpress, ont signé un accord. Google investit 1.2 millions de dollars pour développer NewsPack, une plate-forme basée sur Wordpress, qui vise à aider les journalistes à publier du contenu local. Le but annoncé est de les aider à se concentrer sur la création de contenu, en les déchargeant des aspects techniques et en prenant des décisions pour eux, au niveau optimisation du site et bonnes pratiques. L'annonce officielle dévoile aussi deux partenaires dont l'activité tourne autour de la monétisation de contenus.  https://lvlup.fr/bookmark/google-wordpress-local-news Attaquer Google News https://lvlup.fr/bookmark/google-news Barry Adams, de chez Moz, fait un tour d'horizon des bonnes pratiques pour inscrire un site dans Google News.  https://lvlup.fr/bookmark/google-news Laravel se dote d'un blog officiel https://lvlup.fr/bookmark/laravel-blog-officiel Il était temps: le framework Laravel dispose maintenant d'un blog officiel, où les membres de la core team posteront des informations sur les updates de l'écosystème Laravel (de Forge à Envoyer, en passant par Horizon & co). Des tips sont aussi prévus et, je l'espère, des articles de fond sur les bonnes pratiques à adopter pour bien développer avec le framework. https://lvlup.fr/bookmark/laravel-blog-officiel Ne redirigez pas vos erreurs 404 https://lvlup.fr/bookmark/no-redirect-404 C'est John Mueller qui l'a dit : ne redirigez pas vos pages d'erreur vers votre page d'accueil. Les redirections 301 entre deux pages qui n'ont pas de lien particulier seront, de toute façon, traitées comme des "soft 404" par Google. Du coup, c'est moins compréhensible pour vos utilisateurs et ça n'a pas d'impact bénéfique sur votre SEO. A la place, travaillez plutôt vos pages 404 afin de rediriger le visiteur, en douceur, vers un contenu qui l'intéresse. https://lvlup.fr/bookmark/no-redirect-404 Recomposer un visage en 3D à partir d'une photo https://lvlup.fr/bookmark/visage-3d Des chercheurs ont entraîné un Convolutional Neural Network sur un dataset de visages en 2D et de scans 3D associés. Leur algo est maintenant capable, à partir d'une seule photo, de reconstituer le scan 3D d'un visage. Voir la démo https://lvlup.fr/bookmark/visage-3d GitHub : Les repos privés deviennent gratuits https://lvlup.fr/bookmark/github-free-private-repositories Après son acquisition par Microsoft, on attendait de voir quelle nouvelle direction GitHub allait prendre. On en sait plus : les repositories privés sont maintenant gratuits, et l'offre Entreprise a été simplifiée avec un paiement par siège (au nombre d'utilisateurs). Chez lvlup, on utilisera toujours Gitlab, en self-hosted, notamment pour ses capacités de Continuous Integration. Ceci dit, on est toujours aussi étonnés que ravis de voir la direction que Microsoft s'est donnée vers l'open source. On est encore loin du compte, mais on n'est clairement plus dans l'époque où MicroSoft était un ogre à éviter à tout prix ;) https://lvlup.fr/bookmark/github-free-private-repositories Facebook traque la poussière sur votre caméra https://lvlup.fr/bookmark/facebook-tracks-dust Les utilisateurs ayant de nombreux amis ont tendance à plus utiliser le réseau social, pour qui il est donc crucial de proposer de nouvelles personnes de manière fiable. Cet article revient en profondeur sur ce que Facebook a déclaré faire - ou pas - pour trouver ces suggestions. Notamment, utiliser les accéléromètres et les gyroscopes des téléphones pour savoir à qui vous avez parlé dans un bar. Si vous envoyez une photo à quelqu'un, et qu'il l'upload sur Facebook, le réseau saura que la photo vient de votre appareil en analysant les poussières et micro-rayures de votre objectif. https://lvlup.fr/bookmark/facebook-tracks-dust Normaliser les adresses postales avec libpostal https://lvlup.fr/bookmark/c-lib-normaliser-adresses Si vous avez déjà eu à gérer des adresses postales en plusieurs langues, vous n'êtes pas sans savoir que c'est complexe et douloureux. libpostal est une librairie en C (fournie avec des bindings pour les langages répandus, par exemple le php) permet de s'affranchir de cette galère. Nos premiers tests sont très concluants, notamment avec des adresses un peu compliquées. https://lvlup.fr/bookmark/c-lib-normaliser-adresses Filtrez vos relations Eloquent https://lvlup.fr/bookmark/eloquent-filters Petite astuce quand vous définissez les relations entre vos modèles : il est possible de chaîner des filtres après un belongsTo ou un hasMany. https://lvlup.fr/bookmark/eloquent-filters Insérer votre photo dans une peinture célèbre https://lvlup.fr/bookmark/ia-selfie-painting La technique s'appelle "Deep Painterly Harmonization" et permet d'insérer des morceaux d'images (au hasard, un visage) dans une autre (au hasard, la Joconde) en harmonisant le tout. L'article cite des sources (dont la publication d'origine) et des exemples, ainsi que le code source en Python. L'algo a été entraîné sur un dataset de 80000 images. Assez bluffant. https://lvlup.fr/bookmark/ia-selfie-painting