WordPress – Blogunuzu OpenGraph İle Sosyal Ağlara Tam Uyumlu Hale Getirin

WordPress – Blogunuzu OpenGraph İle Sosyal Ağlara Tam Uyumlu Hale Getirin

WordPress İçerik Yönetim Sistemi sayesinde kurduğunuz blogunuzun olmazsa olmazlarından birisi, hiç şüphesiz, sosyal ağlarla olan etkileşiminiz. İçeriğinizi sosyal ağlara yaymanız, size ziyaretçi getireceği gibi Google, Bing, Yandex gibi arama motorlarının gözünde sitenizin değerini de yükseltecektir.

OpenGraph Nedir?

OpenGraph, bir süre önce Facebook tarafından hayata geçirilen bir standart. “OpenGraph ne?” diye soracak olursanız, şu cümleyle açıklayabiliriz:

OpenGraph, web sitenizde bulunan içerik bilgilerinin (meta verileri), sosyal ağlar tarafından kolay ve ortak bir şekilde tanınmasını sağlayan bir internet standardıdır.

Bu da demek oluyor ki, OpenGraph standardına uyumlu bir web sitesi, sosyal ağlarda çok daha etkili bir şekilde faaliyet gösterebilir. Sosyal ağların sizi daha iyi ve rahat bir şekilde tanıması, içeriğinizin özet, küçük resim, başlık gibi kısımlarının sorunsuz bir şekilde paylaşılması anlamına geliyor.

Bloguma Nasıl Entegre Ederim?

Çok kolay! Aşağıdaki kodu, tema klasörünüzün içerisindeki functions.php dosyanıza, diğer fonksiyonları bozmayacak şekilde ekleyin:

function wptuts_opengraph_for_posts() {
if ( is_singular() ) {
global $post;
setup_postdata( $post );
$output = '<meta property="og:type" 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', 'wptuts_opengraph_for_posts' );

Bu kod, sayfa ve yazılarınızın kaynak kodları arasına bahsettiğimiz meta verilerini ekler. OpenGraph ile tam uyumlu olmak için son bir adım, tema klasörünüzdeki header.php içerisinde yapacağınız küçük bir değişiklik. HTML kodlarını başlatan <html> etiketinin içerisine aşağıdaki kod parçasını eklemelisiniz.:

prefix="og: http://ogp.me/ns#"

Örneğin, başlangıçta HTML açılış etiketiniz şu şekildeyse:

<html <?php language_attributes(); ?>>

Düzenleme ve prefix kodunu ekleme sonrasında aşağıdaki gibi gözükmelidir:

<html <?php language_attributes(); ?> prefix="og: http://ogp.me/ns#">

 


Bu Yazıyı Paylaş! Google+! Pinterest!

YORUM YAZIN


Eksik sayıyı RAKAMLA yazın: