Jak dodać open graphs na WordPress?


1
Jak dodać tagi open graphs na WordPress?

Jeśli Twoim celem jest dodanie tagów open graphs na WordPressie możesz wybrać dwie ścieżki. Po pierwsze: pluginy, które zrobią i zautomatyzują to za Ciebie, jednak trzeba dobrać umiejętnie wtyczkę, żeby była kompatybilna i pilnować jej aktualizacji, jak to w przypadku wtyczek do WordPressa już jest. Drugą opcją jest zaimplementowanie odpowiedniego kodu do pliku functions.php, który znajdziesz w katalogu swojego szablonu.

add_action('wp_head', 'dodaj_opengraph');
function dodaj_opengraph() {

  if( is_single() || is_page() ) {

    $post_id = get_queried_object_id();

    $url = get_permalink($post_id);
    $title = get_the_title($post_id);
    $site_name = get_bloginfo('name');

    $description = wp_trim_words( get_post_field('post_content', $post_id), 25 );

    $image = get_the_post_thumbnail_url($post_id);
    if( !empty( get_post_meta($post_id, 'og_image', true) ) ) $image = get_post_meta($post_id, 'og_image', true);

    $locale = get_locale();

    echo '<meta property="og:locale" content="' . esc_attr($locale) . '" />';
    echo '<meta property="og:type" content="article" />';
    echo '<meta property="og:title" content="' . esc_attr($title) . ' | ' . esc_attr($site_name) . '" />';
    echo '<meta property="og:description" content="' . esc_attr($description) . '" />';
    echo '<meta property="og:url" content="' . esc_url($url) . '" />';
    echo '<meta property="og:site_name" content="' . esc_attr($site_name) . '" />';

    if($image) echo '<meta property="og:image" content="' . esc_url($image) . '" />';



  }

}

Po co mi Open Graphs na WordPress?

Załóżmy, że prowadzisz dużego bloga, lub portal. Ważna dzisiaj jest obecność w social mediach, takich jak chociażby Facebook. Dodajesz wpis na swojej stronie internetowej, a następnie chciałbyś udostępnić ten wpis na Facebooku, bez tagów open graphs niestety, nie będzie to wyglądało za dobrze, dlatego właśnie jeśli chcesz udostępniać swoje wpisy w social mediach zaimplementuj tagi Open Graphs na WordPress!


Podoba ci się? Podziel się z przyjaciółmi!
1
Jeremiasz Nowak
Na co dzień młodszy programista php, ale nie unika frontendowych technologii. Interesuje się szeroko pojętym pozycjonowaniem (seo). W tej sferze stara się wykorzystać swoje umiejętności programowania w php - w oparciu o najpopularniejsze platformy, cmsy.

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *