Google Yapısal Veri Kullanmak
Şimdi nereden çıktı bu ya da nedir diyebilrisiniz. Google aramalarında daha efektif harekete edebilmek ve SEO için yardımcı bir araç bu yapısal veri işi. Schema.org üzerindeki içerik şablonlarını kullanarak aramalarda daha düzgün içerik ve bilgi sunmanız sizin elinizde. Sitenizi yapılandırdıktan sonra ilerleyen günler içinde arama sonuçlarında görünen verilerinizin daha düzgün olduğunu fark edeceksiniz.
Bu yapı hakkında daha detaylı bilgi alabilmek için şu google makalesini okuyabilirsiniz. Burada anlatılan mikro veriler ile sisteminizi güçlendirebilirsiniz. Aşağıda vereceğim kodu kullanarak bir tıkla :) sisteminize bu özelliği kazandırabilirsiniz.
Google Yapısal Veri Kod;
Aşağıdaki kodu temanızın functions.php
dosyasına ekleyin. Ardından berlittiğim bir alanı değiştirmeniz gerekmekte. O da yazınıza ait olan resmi nasıl ekleyeceğinizi bilemediğim için boş bıraktığım alan. Sonrasında google üzerinde bulunan bu araçtan sitenizde yazılarınızı test edebilirsiniz.
Aslında şuradaki yazım ile benzerlik gösteren bir içerik de olsa bu farklı birşey :)
<?php
add_action( 'wp_head', 'google_yapisal_veri' );
function google_yapisal_veri(){
if (is_single()){ // Sadece tekil yazı sayfalarına ekler
global $post;
$post_id = get_the_ID();
setup_postdata( $post );
?>
<!-- Google Yapısal Veri. -->
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Article",
"name" : "<?php the_title();?>",
"author" : {
"@type" : "Person",
"name" : "<?php the_author();?>"
},
"datePublished" : "<?php the_time('Y'); ?>-<?php the_time('m'); ?>-<?php the_time('j'); ?>",
"image" : "", //Resim datasını buraya ekliyoruz. temanızda resim çağıran fonksiyonu buraya ekleyebilirsiniz.
"articleBody" : "<?php echo esc_attr(get_the_content());?>",
"url" : "<?php the_permalink();?>"
}
</script>
<!-- Google Yapısal Veri. -->
<?php
}
}
Güncelleme
Yorumda gelen soru üzerine resim ile ilgili bir fonksiyon paylaşacağım. Aslında WordPress temel kodlarından bir tanesi. Öne çıkan görsel eklediğinizde çalışan bir fonksiyon bu. Kod içerisindeki "image":""
alanını şu şekilde kullanabilirsiniz;
"image": the_post_thumbnail_url("full")
Bu kodu tamamında kullandığımızda ise;
<?php
add_action( 'wp_head', 'google_yapisal_veri' );
function google_yapisal_veri(){
if (is_single()){ // Sadece tekil yazı sayfalarına ekler
global $post;
$post_id = get_the_ID();
setup_postdata( $post );
?>
<!-- Google Yapısal Veri. -->
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Article",
"name" : "<?php the_title();?>",
"author" : {
"@type" : "Person",
"name" : "<?php the_author();?>"
},
"datePublished" : "<?php the_time('Y'); ?>-<?php the_time('m'); ?>-<?php the_time('j'); ?>",
"image" : "<?php echo the_post_thumbnail_url('full')",
"articleBody" : "<?php echo esc_attr(get_the_content());?>",
"url" : "<?php the_permalink();?>"
}
</script>
<!-- Google Yapısal Veri. -->
<?php
}
}
Örnek için şu an okuduğunuz yazımı kaynak göster alanına geçiş yapıp inceleyebilirsiniz. olarak arayabilirsiniz. Google Yapısal Veri Test Aracında görüntülemek için şu linke tıklayın.
Selametle.
“image” : “”, //Resim datasını buraya ekliyoruz. temanızda resim çağıran fonksiyonu buraya ekleyebilirsiniz. koduna örnek 1-2 tane verebilir misiniz? Temanın resim çağırma kodları biraz farklı sanırım bi türlü olmuyor.
o alana (“image”: ) karşılığına the_post_thumbnail_url(‘full’) olarak kodu ekleyip deneyebilirsin. Yazının öne çıkan görselinin linkini çeker bu fonksiyon. “image”: the_post_thumbnail_url(‘full’) olacak orası