W artykule:
Czy chcesz dodać meta dane otwartego wykresu Facebooka do swoich motywów WordPress?
Metadane wykresu Open pomaga Facebookowi i innym witrynom społecznościowym uzyskać metadane o stronach postów. Pozwala również kontrolować, jak twoja treść pojawia się, gdy jest udostępniana na Facebooku.
W tym artykule pokażemy, jak łatwo dodać metadane otwartego wykresu Facebooka w motywach WordPress. Podzielimy się trzema różnymi metodami, dzięki czemu możesz wybrać jedną, która będzie dla ciebie najlepsza.
Metoda 1. Dodawanie metadanych wykresu otwartego Facebooka za pomocą AIOSEO
Wszystko w jednym SEO to popularna wtyczka SEO WordPress używana przez ponad 2 miliony stron internetowych. Pozwala łatwo zoptymalizować swoją stronę pod kątem wyszukiwarek, a także platform społecznościowych, takich jak Facebook i Twitter.
Najpierw musisz zainstalować i aktywować wtyczkę all in One SEO. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Wszystko w jednym SEO ” sieci społecznościowe strona. Tutaj możesz wprowadzić adres URL strony na Facebooku i wszystkie inne sieci społecznościowe.
Następnie kliknij kartę Facebook u góry strony, a zobaczysz, że otwarte znaczniki wykresu są domyślnie włączone. Możesz kliknąć przycisk „Prześlij lub wybierz obraz”, aby wybrać domyślny obraz Facebook OG, jeśli artykuł nie ma otwartego obrazu wykresu.
Po przewinięciu w dół można dostosować nazwę witryny, opis i inne ustawienia. Nie zapomnij kliknąć niebieski Zapisz przycisk po zakończeniu wprowadzania zmian.
Teraz, gdy Ustawiłeś metatagi otwartego grafu w całej witrynie, następnym krokiem jest dodanie metadanych otwartego grafu dla poszczególnych postów i stron.
Domyślnie AIOSEO użyje twojego tytułu postu i opisu dla tytułu i opisu otwartego wykresu. Możesz także ręcznie ustawić miniaturę Facebooka dla każdej strony i postu.
Po prostu Edytuj post lub stronę i przewiń w dół do sekcji wszystko w jednym SEO pod edytorem. Z tego miejsca przejdź do zakładki społecznościowej, a zobaczysz podgląd swojej miniatury.
Tutaj możesz ustawić obraz mediów społecznościowych, a także tytuł i opis. Wystarczy przewinąć w dół do Źródło Obrazu pole. Możesz użyć polecanego obrazu, przesłać niestandardowy obraz lub inne opcje.
Metoda 2. Ustaw Meta dane wykresu otwartego Facebooka za pomocą Yoast SEO
Yoast SEO to kolejna doskonała wtyczka SEO WordPress, której możesz użyć do dodawania metadanych otwartego wykresu Facebooka do dowolnej witryny WordPress.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Yoast SEO. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz przejść do SEO ” Social i po prostu zaznacz pole obok Dodaj metadane otwartego wykresu.
Możesz zapisać swoje ustawienia lub kontynuować i skonfigurować inne opcje społecznościowe Facebooka na ekranie.
Facebook App ID może być używany do wyświetlania strony na Facebooku i analiz. Możesz także zmienić tytuł Meta wykresu otwartego strony głównej, opis i obraz.
Na koniec możesz ustawić domyślny obraz, który będzie używany, gdy żaden obraz nie jest ustawiony dla postu lub strony.
Yoast SEO pozwala również ustawić otwarte metadane wykresu dla poszczególnych postów i stron. Po prostu Edytuj post lub stronę i przewiń w dół do sekcji SEO pod edytorem.
Stąd możesz ustawić miniaturę Facebooka dla tego konkretnego postu lub strony. Jeśli nie ustawisz tytułu lub opisu postu, wtyczka użyje twojego tytułu meta SEO i opisu.
Możesz teraz zapisać swój post lub stronę, a wtyczka będzie przechowywać Twoje meta dane otwartego wykresu na Facebooku.
Metoda 3. Ręcznie dodaj Meta danych otwartego wykresu Facebooka do swojego motywu WordPress
Ta metoda wymaga edycji plików motywów, więc upewnij się, że wykonałeś kopię zapasową plików motywów przed dokonaniem jakichkolwiek zmian.
Następnie po prostu skopiuj i wklej ten kod w funkcjach szablonu.pliku php lub w wtyczce specyficznej dla witryny.
// Dodanie otwartego wykresu w atrybutach języka
function add_opengraph_doctype ($output ) {
return $output . "xmlns: og="http://opengraphprotocol.org/schema /" xmlns: fb="http://www.facebook.com/2008/fbml"';
}
add_filter ('language_attributes', 'add_opengraph_doctype');
// Lets add Open Graph meta Info
function insert_fb_in_head () {
global $post;
jeśli ( !is_singular ()) / / jeśli nie jest to post lub strona
return;
echo '< meta property = "FB: app_id" content = "your Facebook App ID"/>';
echo '<meta property="og:title" content="' . get_the_title() . '"/>';
echo '< meta property = "og: type" content = "article"/>';
echo '<meta property="og:url" content="' . get_permalink() . '"/>';
echo ' < meta property="og:site_name" content = "Your Site NAME Goes HERE"/>';
jeśli(!has_post_thumbnail ($post->ID)) {//post nie ma polecanego obrazu, użyj domyślnego obrazu
$default_image="http://example.com/image.jpg"; / / zastąp to domyślnym obrazem na serwerze lub obrazem w bibliotece multimediów
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr ($thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action ('wp_head', 'insert_fb_in_head', 5) ;
Uwaga: Pamiętaj, aby zmienić nazwę witryny, w której jest napisane „Nazwa Twojej Strony Idzie Tutaj”. Następnie zmień domyślny adres URL obrazu na swój obraz. Facebook Facebook App ID, jeśli nie masz aplikacji na Facebooku, możesz usunąć linię Facebook app ID z kodu.
Zalecamy umieszczenie tam obrazu z Twoim logo, więc jeśli twój post nie ma miniatury, to ciągnie logo Twojej witryny.
To wszystko, co musisz zrobić. Jak tylko zapiszesz swoje funkcje.plik php (lub wtyczka specyficzna dla witryny) zacznie wyświetlać metadane wykresu otwartego Facebooka w nagłówku WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci dodać meta dane otwartego wykresu Facebooka w WordPress. Możesz również zobaczyć nasz wybór najlepszych wtyczek mediów społecznościowych dla WordPress, aby rozwijać swoje społeczności, a także nasz przewodnik rozwiązywania problemów, jak rozwiązać problem z nieprawidłową miniaturą Facebooka w WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby uzyskać więcej samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
