hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Générer des méta-tags sociaux facilement avec cette application

Les plus grands sites de médias sociaux ont pratiquement pris le dessus dans le monde, Facebook poussant actuellement vers 2 milliards d'utilisateurs dans le monde.

L'un de leurs nombreux progrès technologiques est le protocole Open Graph ou OG . Ces tags OG sont devenus la norme sur d'autres réseaux sociaux tels que Pinterest et LinkedIn, donc les avoir sur votre site peut être extrêmement bénéfique.

Et maintenant, avec l' application Web Mega Tags, l'ensemble du processus peut être automatisé, sans écrire une seule ligne de code.

Par défaut, il existe deux "types" différents de méta-tags sociaux: Open Graph couvre la plupart des réseaux, mais Twitter a ses propres cartes Twitter .

Ces tags supplémentaires partagent des informations avec les réseaux sociaux . Vous pouvez ainsi personnaliser l'affichage de vos liens lorsqu'ils sont partagés sur ces sites.

Les réseaux, tels que Facebook, ont leurs propres algorithmes pour extraire le titre, la description et la vignette d'une page. Ceci est utile lorsque les utilisateurs partagent des liens sur FB et d'autres réseaux sociaux.

Avec ces balises META dans votre en-tête, vous pouvez indiquer à Facebook, Pinterest, Google+ et à d'autres comment afficher votre contenu .

Certains sites peuvent même avoir une page Facebook qui peut être incluse dans le contenu Open Graph . Cela offre encore plus de contrôle où Facebook peut choisir et choisir les données qu'ils veulent présenter.

Cette application web gratuite peut tout faire pour vous par défaut. Entrez simplement l'URL de votre page, le titre / la description et incluez une image miniature si nécessaire. Vous pouvez également creuser dans les paramètres facultatifs si vous le souhaitez.

De là, vous pouvez copier / coller les balises META dans votre en-tête et voilà! Une page Open Graph entièrement compatible prête à être partagée.

Le site dispose même de valideurs avec lesquels vous pouvez vérifier que votre page est correctement validée sur tous les réseaux que vous avez choisis.

Et, vous avez accès à une page de référence complète avec un tableau de toutes les propriétés OG et les valeurs attendues . Certaines de ces propriétés peuvent changer avec le temps ou de nouvelles fonctionnalités peuvent être ajoutées au protocole Open Graph.

Mais, tant de sites utilisent déjà ces fonctionnalités, donc vous seriez fou de ne pas! Pour commencer, il vous suffit de visiter l'application Web, d'ajouter les informations sur votre site et de copier / coller le code dans l'en-tête de votre page. Vous remarquerez une différence immédiate chaque fois que les gens partagent vos liens sur des sites sociaux sur le Web.

Image Carousels dans la conception Web - Avantages et meilleures pratiques

Image Carousels dans la conception Web - Avantages et meilleures pratiques

Les diaporamas des fonctionnalités du carrousel ne manquent pas sur le web. En fait, cette tendance n'a fait que grandir au cours des 5-10 dernières années avec plus de support de navigateur que jamais auparavant. Mais les carrousels d'image en valent-ils vraiment la peine? Quels types d'avantages produisent-ils et comment doivent-ils être utilisés de manière productive dans une mise en page?Je vo

(Conseils techniques et de conception)

Créez des menus Hamburger coulissants faciles avec le cadre jQuery Slidebars

Créez des menus Hamburger coulissants faciles avec le cadre jQuery Slidebars

Les concepteurs de UX se chamaillent sur l'utilisation des menus hamburger dans la conception web. Ils servent un but pour les utilisateurs mobiles, mais ont également une plus faible visibilité .Je ne peux pas dire s'ils valent la peine d'utiliser sur votre site Web ou non, mais si vous cherchez un moyen facile de configurer un menu glissant, alors le SlideBars Framework est une ressource pratique.S

(Conseils techniques et de conception)