Open Graph w WordPress
Dziś pokażę jak w prosty sposób zaimplementować Facebookowy Open Graph na stronę WordPressa dla standardowych artykułów za pomocą wtyczki jak i bez jej pomocy. Zacznę może od wyjaśnienia czym jest Open Graph.
Opisuje on na naszej stronie dane w taki sposób aby Facebook mógł korzystać dokładnie z tych danych jakie mu wskażemy. Poniżej zamieszczam przykład przy Share artykułu:
1. Aby to zrobić należy w swoim szablonie strony w pliku functions.php umieścić poniższy kod:
function wp_opengraph_for_posts() {
if ( is_singular() ) {
global $post;
setup_postdata( $post );
$output = '<meta property="og:typ" content="article" />' . "n";
$output .= '<meta property="og:title" content="' . esc_attr( get_the_title() ) . '" />' . "n";
$output .= '<meta property="og:url" content="' . get_permalink() . '" />' . "n";
$output .= '<meta property="og:description" content="' . esc_attr( get_the_excerpt() ) . '" />' . "n";
if ( has_post_thumbnail() ) {
$imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
$output .= '<meta property="og:image" content="' . $imgsrc[0] . '" />' . "n";
}
echo $output;
}
}
add_action( 'wp_head', 'wp_opengraph_for_posts' );
2. Następnie w pliku header.php znajdujemy nasz tag <html> i zamieniamy go na taki:
<html <?php language_attributes(); ?> prefix="og:http://ogp.me/ns#">
Wtyczka do Open Graph
Jeżeli używasz All in Seo Pack (włącz i skonfiguruj dodatek Social Meta poprzez opcje wtyczki) lub Yoast SEO (SEO => Społeczności) możesz użyć ich funkcji do oznaczenia elementów dla FB.
WP Facebook Open Graph protocol
Przetestowałem kilka z nich i ta wydaje mi się najlepsza. Po zainstalowaniu do opcji dodaje nam się panel wtyczki w którym możemy znaleźć:
- User account ID – koniecznie wpisać trzeba ID swojego profilu/strony FB.
- Domyślny obrazek, który będzie wyświetlany jeżeli dany artykuł nie będzie posiadał żadnego.
- Wymuszanie korzystania przez Facebooka tylko z tego url obrazka podanej wyżej
- Jak sprawdzić jakiego motywu i wtyczek używa dana instalacja WP - 4 stycznia 2020
- Wsparcie PDF w WordPressowych mediach - 4 stycznia 2020
- Jak wyświetlić reklamę tylko dla użytkowników z wyszukiwarki - 4 stycznia 2020
- Jak wyłączyć automatyczną aktualizację WP? - 4 stycznia 2020
- Używanie wielu kodów analytics na stronie - 4 stycznia 2020
- Jak zmienić domyślny adres url autora - 4 stycznia 2020
- Modyfikacja funkcjonalności wyszukiwarki WordPress - 4 stycznia 2020
- Jak oczyścić header strony bez wtyczki - 4 stycznia 2020
- Open Graph w WordPress - 4 stycznia 2020
- Przekierowania adresów url a SEO - 4 stycznia 2020
-
Linki Wewnętrzene i Sematyka
-
-
Budowanie linków
-
Sematyka
-
Budowanie linków nigdy nie było prostrze. Setki możliwości linków za jednym kliknięciem.
-
SEMRush
-
-
Profesjonalna platforma SEO
-
Online
-
SEMrush oferuje rozwiązania dla SEO, PPC, treści, mediów społecznościowych i badań konkurencyjnych.
Pobierz SEO eBook
