Snippet

Dodaj wsparcie dla Twitter Cards w WordPressie, aby poprawić udostępnianie

Jak dodać karty Twitter do WordPressaWłącz karty Twitter na stronieWtyczka do kart Twitter dla WordPressaImplementacja kart Twitter w HTMLKonfiguracja kart Twitter dla SEODodaj tagi kart Twitter do WordPressaPrzewodnik po integracji kart TwitterKonfiguracja kart Twitter dla strony WordPressUżyj kart Twitter dla lepszej widocznościTutorial dotyczący konfiguracji kart Twitter w WordPressie

Objaśnienie

Aby sprawić, że Twoja strona WordPress będzie się wyróżniać na Twitterze, możesz dodać Karty Twittera. To jak małe podglądy Twojej treści, które pojawiają się, gdy ktoś udostępnia Twój link na Twitterze. Oto jak działa kod, aby je dodać:

  • Podpięcie do 'wp_head': Oznacza to, że dodajemy dodatkowe informacje do sekcji nagłówka HTML Twojej strony. To jak umieszczanie etykiety na Twojej treści, aby Twitter wiedział, co wyświetlić.
  • Sprawdzenie, czy to pojedynczy post lub strona: Kod dodaje Karty Twittera tylko do pojedynczych postów lub stron, a nie do strony głównej ani archiwów.
  • Pobranie szczegółów posta: Zbiera tytuł, krótki opis (albo fragment, albo skróconą wersję treści) oraz wyróżniony obrazek posta.
  • Nazwa strony: Zawiera również nazwę Twojej strony, aby nadać kontekst treści.
  • Tagi meta: To fragmenty kodu, które informują Twitter, co wyświetlić. Zawierają typ karty (duże podsumowanie obrazu), tytuł, opis, obrazek i Twój identyfikator na Twitterze.

Pamiętaj, aby zastąpić @twoj_nazwa_uzytkownika_twittera swoim rzeczywistym nazwiskiem użytkownika na Twitterze. W ten sposób Twitter wie, do kogo należy treść.

Gdy to zostanie skonfigurowane, za każdym razem, gdy ktoś udostępni Twój post na Twitterze, będzie wyglądać schludnie i profesjonalnie, co pomoże Ci się wyróżnić i przyciągnąć więcej kliknięć!

Kod

1<?php 2// Hook into 'wp_head' to add Twitter Card meta tags 3add_action('wp_head', 'wp_dudecom_add_twitter_cards_meta_tags'); 4 5/** 6 * Add Twitter Card meta tags to the head section of the page. 7 */ 8function wp_dudecom_add_twitter_cards_meta_tags() { 9 if (is_single() || is_page()) { 10 global $post; 11 12 // Ensure the post object is available 13 if (!isset($post)) { 14 return; 15 } 16 17 // Get the post title 18 $title = get_the_title($post->ID); 19 20 // Get the post excerpt or content 21 $description = has_excerpt($post->ID) ? get_the_excerpt($post->ID) : wp_trim_words($post->post_content, 30); 22 23 // Get the post thumbnail URL 24 $thumbnail = has_post_thumbnail($post->ID) ? get_the_post_thumbnail_url($post->ID, 'full') : ''; 25 26 // Get the site name 27 $site_name = get_bloginfo('name'); 28 29 // Output the Twitter Card meta tags 30 echo '<meta name="twitter:card" content="summary_large_image" />'; 31 echo '<meta name="twitter:title" content="' . esc_attr($title) . '" />'; 32 echo '<meta name="twitter:description" content="' . esc_attr($description) . '" />'; 33 echo '<meta name="twitter:image" content="' . esc_url($thumbnail) . '" />'; 34 echo '<meta name="twitter:site" content="@your_twitter_handle" />'; // Replace with your Twitter handle 35 echo '<meta name="twitter:creator" content="@your_twitter_handle" />'; // Replace with your Twitter handle 36 } 37} 38?>

Instrukcja

Aby dodać wsparcie dla Twitter Cards na swojej stronie WordPress, wykonaj następujące kroki:

Lokalizacja pliku: Musisz edytować plik functions.php swojego aktywnego motywu lub stworzyć plik własnej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do plików swojej strony WordPress, korzystając z menedżera plików lub klienta FTP.

Kroki wdrożenia:

  1. Dostęp do plików WordPress:
    • Zaloguj się do panelu administracyjnego WordPress.
    • Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php, lub użyj klienta FTP, aby uzyskać dostęp do katalogu swojego motywu.
  2. Edytuj plik functions.php:
    • Znajdź i otwórz plik functions.php swojego aktywnego motywu.
    • Przewiń na dół pliku i wklej podany fragment kodu.
  3. Zamień nazwę użytkownika Twitter:
    • W kodzie znajdź @your_twitter_handle i zamień go na swoją rzeczywistą nazwę użytkownika Twitter.
  4. Zapisz zmiany:
    • Kliknij Aktualizuj plik, aby zapisać zmiany, jeśli korzystasz z Edytora motywu, lub prześlij zmodyfikowany plik z powrotem na serwer, jeśli używasz FTP.
  5. Przetestuj swoje wdrożenie:
    • Odwiedź pojedynczy post lub stronę na swojej witrynie.
    • Skorzystaj z narzędzia takiego jak Twitter Card Validator, aby sprawdzić, czy metatagi Twitter Card zostały poprawnie dodane.

Postępując zgodnie z tymi krokami, Twoja strona WordPress będzie teraz wspierać Twitter Cards, co poprawi sposób, w jaki Twoje treści będą się wyświetlać podczas udostępniania na Twitterze.

Jeśli potrzebujesz dalszej pomocy lub chcesz zgłębić bardziej zaawansowane funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.