Comment ajouter des cartes Twitter à un blog WordPress
L'année dernière, Twitter.com a publié sa nouvelle fonctionnalité, Twitter Cards. En utilisant l'API Twitter Cards, nous pouvons partager des liens de notre blog ou site Web vers Twitter avec une meilleure apparence et plus informative que l'ancienne. La mise en œuvre de cartes Twitter sur un blog peut être effectuée facilement et rapidement, et la demande d'approbation sur Twitter est également un processus court. Une fois notre demande approuvée, le contenu de notre blog publié sur Twitter aura l'air plus professionnel, où le tweet verra un lien vers notre blog, l'image dans l'article de blog, et aussi la vidéo sur notre blog peut être lue directement sur Twitter. Ce qui suit est l'une des vues des cartes Twitter sur mon compte Twitter @ maxaxe .
Il existe plusieurs types de cartes Twitter, à savoir; résumé, vidéo et photos. Les résumés des cartes Twitter concernent les articles et le contenu textuel, tandis que les cartes Twitter vidéo et photo sont destinées au contenu image et vidéo, par exemple les vidéos YouTube. Il existe plusieurs balises Meta qui peuvent être utilisées pour tous les types de cartes, et il existe également des balises Meta qui sont utilisées pour des cartes plus spécifiques. Oh oui avant d'avoir besoin de lire sur les cartes Twitter, les informations peuvent être lues dans cette documentation .
Comment ajouter des cartes Twitter à un blog WP?
Il existe plusieurs façons d'installer des cartes twtitter, surtout si vous utilisez la plateforme WordPress, ce sera très simple.
1. Avec l'aide d'un plugin
Heureusement pour vous qui utilisez WordPress pour votre site Web, car le moyen le plus simple d'installer des cartes Twitter sur le site Web consiste à utiliser le plugin WordPress. Il existe plusieurs plugins qui peuvent nous aider à installer des cartes Twitter sans avoir à nous soucier des codes du blog. Pour les blogs maxmanroe.com, utilisez le plugin WordPress SEO by Yoast . La mise en place est très simple, il vous suffit de vous rendre dans les paramètres des plugins Yoins: SEO > Social puis de cocher la case "ajouter une meta data card Twitter", puis de sauvegarder.
En plus des plugins WordPress SEO by Yoast, plusieurs autres plugins peuvent être utilisés. Mais je recommande personnellement le plugin WordPress SEO by Yoast ainsi que le plugin Twitter Cards de Niall Kennedy. Assurez-vous que votre carte Twitter fonctionne bien en effectuant un premier test, nous pouvons utiliser les outils Twitter pour prévisualiser l'apparence des cartes Twitter de notre site. Essayez de tester l'affichage avec l'outil de prévisualisation des cartes Twitter . Pour utiliser cet outil de prévisualisation, nous devons nous connecter à notre compte Twitter. Après cela, entrez l'URL de l'un des messages dans la colonne, cliquez sur la carte d'aperçu, puis vous verrez à quoi ressemble la carte Twitter.
Ok, après avoir terminé les paramètres des cartes Twitter dans notre tableau de bord WP, l'étape suivante consiste à demander l'approbation de Twitter. Twitter doit d'abord approuver notre domaine afin que les cartes Twitter fonctionnent correctement pour notre site. Cette étape est effectuée par Twitter dans le but de trier les sites pornographiques ainsi que les sites menant des activités illégales. Nous devons remplir certaines données dans les champs fournis par Twitter, voir la page pour demander l'approbation des cartes Twitter .
2. En éditant le code dans header.php
Pour cette méthode, vous devez copier le contenu du dossier header.php de votre blog pour protéger la possibilité d'une erreur lors de la saisie du code. Ouvrez le fichier header.php de votre blog, copiez le code ci-dessous et collez-le dans la balise votre blog - avant le tag . N'installez pas le code ailleurs, cela créera une erreur sur le blog. Voici un exemple de code:
Code source: Ryan Cullen @ artesea
ATTENTION : Si vous ne comprenez pas PHP ou les codes de votre blog, vous devez utiliser la première méthode, qui utilise un plugin.
Les étapes ci-dessus ont-elles été effectuées? Oh, pas encore. La dernière étape consiste à vous assurer que le robot.txt de votre site Web ne bloque pas les araignées Twitter. Si, au moment du test, les cartes Twitter n'affichent pas d'affichage comme les cartes Twitter ci-dessus, il est probable que les araignées Twitter aient été bloquées par votre robot.txt. Pour cela, vous devez le modifier et ajouter le code ci-dessous:
Agent utilisateur: Twitterbot
Refuser:
Si vous suivez correctement les étapes ci-dessus, les cartes Twitter de votre blog fonctionneront sûrement bien et elles auront l'air plus professionnelles sur Twitter. J'ai répété les étapes:
- Décidez que vous souhaitez utiliser un plugin ou par codage. Effectuez les réglages de votre blog comme expliqué ci-dessus.
- Effectuez des tests à l'aide de l' outil de prévisualisation Twitter .
- Remplissez ce formulaire pour postuler à Twitter.
Après tout cela, vous n'attendez plus que les résultats. Si vous avez des questions, des contributions et d'autres idées, veuillez les envoyer via des commentaires. Si vous pensez que cet article est utile, je vous suis très reconnaissant de le partager avec d'autres via Twitter ou Facebook. N'oubliez pas de suivre mon twitter @ maxaxe , envoyez une mention pour que je sache et je suivrai certainement.
Le résultat est comme ceci:
Comment ajouter des cartes Twitter à votre blog WordPress pour que les publications sur Twitter aient l'air plus cool //t.co/DyVUitUj0x
- Maxmanroe.com (@maxmanroe) 12 mai 2013
Merci d'avoir lu mon article :)
