WordPress’e programlanmış bir şekilde işaretleme şeması nasıl eklenir

WordPress Programlı’a işaretleme şemaları eklemek ister misiniz? Öyleyse, WordPress web siteniz için çeşitli şekillerde bir dizi kod görüntüsü kullanabilirsiniz. Ancak nasıl ekleyeceğimizi görmeden önce, şema işaretlemesiyle ne demek istediğinize kısaca bakalım. Şema işaretlemesi nedir? İşaretleme Şeması, schema.org tarafından sağlanan standart bir veri yapısıdır. Temel olarak, bu, arama motorlarına yönelik geçerli sayfa hakkında bilgi sağlayacaktır. Böylece gezgin botları hangi içeriği anlayabilir ve arama sonuçlarında zengin bir görüntü yapabilir.
Şemada yer alan veriler [“telefon”: “152234029”] gibi anahtar değer çiftlerinde sunulmaktadır. Ayrıca birkaç miras seviyesine de sahip olabilir. Web siteniz için tıklama oranını (TO) artırmak için çok önemlidir ve en iyi SEO uygulamalarından biri olarak kabul edilir. Şemalarla kullanılabilecek birçok anahtar özellik türü vardır. Açık ve kapalı hiyerarşiye göre veri ve veri türlerinden değişir. Mevcut tüm türleri bugün kullanmak için shcema.org web sitesini ziyaret edin. Programlanmış WordPress’e nasıl bir şema eklerim? Önceki yazıdaki bir eklenti kullanarak WordPress’e bir şema nasıl ekleyeceğimizden bahsettik. Benzer şekilde, gösterge paneli ve tema aracılığıyla WordPress’e işaretleme şemaları eklemenin birkaç yolunu tartıştık.
Ama şimdi, programlanan aynı sonuçları nasıl elde edeceğimizi öğreneceğiz. Bunu bu şekilde yaparak, web sitenizin eklenti tarafından sağlanan tüm ek kodları yüklemesi gerekmez. Ve yalnızca web sitenizin ihtiyaç duyduğu kodu ekleyeceksiniz. Şemayı bir içerikte girmek için, web sitemizin HTML çıktısına şema etiketleri eklememiz gerekir. HTML web sitemizi birkaç şekilde düzenleyebiliriz. En iyi yol, çocuk temasındaki tema şablonu dosyasında olmaktır. Programlı bir şema işaretlemesi eklemek için bir çocuk temasına ihtiyacınız var. Yani, yüklemediyseniz, lütfen çocuk temasını yapın ve yükleyin. Bunu yapmak için çocuk tema eklentilerinden birini bile kullanabilirsiniz. Şemayı iki ana yolla programlanmış WordPress’e ekleyebilirsiniz:
JSON-LD dosyasını kafaya ekle
HTML çıkışına mikro veri işaretlemesini ekleyin
Her ikisi de geçerli yöntemlerdir ve ihtiyaçlarınız için daha uygun olanı özgürce kullanabilirsiniz. 1. JSON-LD dosyasını ekleyin JSON-LD dosyası, JSON’a dayalı belirli bir format türüdür ve bağlantılı verileri teşvik etmek için kullanılır. JSON dosyasında olduğu gibi, bu anahtar değer çiftlerinin bir listesini içerir: {{
“Telefon”: “152234029”,
“Adı ne”,
“Adres”: “Johann Street N 433”,
“Url”: “https://quadlayers.com”,
“Fiyat Aralığı”: “19 – 90”,
“LegalName”: “Quadlayers”,
“@konteeks”: “http://schema.org”,
“@type”: “Yerel İşletme”
} Gördüğünüz gibi, sözdizimi bile JSON dosyasına çok benzer.
İhtiyaçlarınız için daha uygun dosyalar almak için kullanabileceğiniz birkaç JSON-LD jeneratörü vardır.Bu nedenle, bir sonraki adım bu kodu HTML web sitesi bölümüne yazdırmaktır.Bunu başarmak için çocuk temasından Fonksiyon.php dosyasında aşağıdaki işlevleri kullanabiliriz.Not: Devam etmeden önce web sitenizi de rezerve ettiğinizden emin olun.Web sitenizin temel dosyasını değiştireceğiz ve istenmeyen değişiklikler daha fazla soruna neden olabilir.Add_action (‘wp_head’, ‘quadLayers_add_schema’); quadLayers_add_schema () işlevi {)
echo ‘
{
“Telefon”: “152234029”,
“Adı ne”,
“Adres”: “Johann Street N 433”,
“Url”: “https://quadlayers.com”,
“Fiyat Aralığı”: “19 – 90”,
“LegalName”: “Quadlayers”,
“@konteeks”: “http://schema.org”,
“@type”: “Yerel İşletme”
} ‘;
} JSON-LD dosyasının etiketine nasıl dahil edildiğini görebilirsiniz.Dosyayı güncellemeyi unutmayın.
Programın nasıl çalıştığını anlamak için, önceki örnek kodunun tüm web sitesi sayfalarına JSON ekleyeceğini unutmayın. Bu nedenle arama motorları veya diğer botlar okuduğunda, komut dosyasının bulunduğu tüm sayfalar için geçerli bir şema olarak belirlenecektir. Bu durumda, bu tüm web siteleri. PHP işlevimize bazı koşullu mantık uygulayarak JSON kodunu belirli bir sayfaya uygulayabiliriz. Ancak şema işaretlemesi, içeriğimizde HTML’ye de dahil edilebilir ve bu da çok özel içeriğe karmaşık işaretlemeler eklememizi sağlar. 2. HTML’ye bir mikro veri işaretlemesi ekleyin Modern trendin ardından önceki yöntem önerilir. Ancak bir mikro veri işaretlemesi kullanmak, şemanın işaretlenmesini sağa şablon dosyasına yerleştirmemize izin verecektir. Komut dosyamızı, alt temadan Function.php dosyasına ekleyin. İçeriğin her bölümüne doğru şemayı uygulamak için nihayet büyük ve karmaşık bir kod parçasına sahip olacağız. Bu nedenle, HTML’ye bir mikro veri işaretlemesi eklemek için WordPress Site Şablon dosyanızın üzerine yazmamız gerekir. 2.1. WP Post’a İşaretleme Şeması Ekleyin Bu örnekte, çocuğumuzun teması yirmi yirmi bir temayı devraldı, böylece vurmamız gereken dosya content-single.php. Bu, şemamızı HTML çıktısına doğru ekleyebileceğimiz bir dosyadır. Bu dosya, çeşitli temalarda farklı adlar veya klasörler altında bulunabilir.
İçerik klasöründeki çocuğunuzun temasında (bölüm ve şablon içeriği) ve yeni içerik-single dosyalarında gerekli klasörleri oluşturun. Çocuk teması
/__ şablon parçaları
__/__ İçindekiler

__/__/__ Content-single.php COPY/COPPE/yapıştırma ana temasının tüm kodlarını content-single.php dosyası.
Düzenleyeceğimiz kod aşağıdaki gibidir: <makale > Şemanın kapsamını ekleyin ve aşağıdaki parçacıklar gibi yazın. <Makale ItemsCope ItemType = "http://schema.org/article" > Bu, arama motoruna HTML etiketindeki içeriğin bir tür makale olduğunu söyler. Türü ve kapsamı bildirdikten sonra birkaç standart özellik kullanabiliriz. Örneğin, yayın başlığını öğenin adı olarak bildirmek:
Kaynak kodu: <? Php the_title ('

‘, ‘

‘); ?> Özellik adını ekle: <? Php the_title ('

‘, ‘

‘); ?> Ayrıca, gönderme içeriğimizi işaretlemek için Makale Anahtar Özellikleri’ni kullanabiliriz. Kaynak kodu:
<? Php

İçerik (); Makaleyi Ekle Mülkiyet:
<? Php
İçerik (); 2.2. WooCommerce ürününe aynı şekilde işaretleme şeması eklemek, şemamızı içerecek şekilde WooCommerce Ürün Şablonu dosyasına gelebiliriz.
Aşırı baskı yapmamız gereken dosya, content-single-pruda.php dosyasıdır. Bu dosya, çocuk temasındaki Wooocommerce klasöründe olmalıdır. Eğer bulmakta zorlanıyorsanız, WooCommerce'i doğru bir şekilde hazırladığınızdan emin olun. Çocuk teması
__/woocommerce
__/__ Content-Ingle-Produce-Produce.php Yukarıdaki gibi aynı işlemi tamamlayın, bunun yerine yeni bir dosya oluşturur. Ana div'deki şema kapsamını ve türünü belirleyin: <div ItemsCope ItemType = "http://schema.org/product" > Bu dosyadaki “Açıklama” özelliğini de kullanabiliriz:
Ancak, ürünlerimize daha fazla işaretleme eklemek için farklı dosyaların üzerine yazmamız gerekir. Örneğin, ürünün fiyatını şemaya eklemek için, çocuk temasına yeni bir yol oluşturun: woocommerce/şablonlar/tek-prorduct/price.php Çocuklar Teması
__/woocommerce
__/__/tek ürün
__/__/__/price.php
Price.php dosyasını yerinde kopyaladıktan sonra aşağıdaki gibi düzenleyin: kaynak kodu: <p class = "”> <? Get_price_html (); Markup ekle: <p imetsCope ItemType = "https://schema.org/offer" itemprop = "price" class = "”>> ? Php echo $ ürün-> get_price_html (); ?>
Fiyatı belirlemek için “teklif” türüne sahip yeni bir ürün yaptığımızı unutmayın. Bu, orijinal HTML yapısını takip ederek farklı tür türlerini birbirimizdeki nasıl birleştirebileceğimizi anlamak için bir ipucudur. Daha fazla işaretleme eklemek için yıkayabileceğiniz birkaç dosya var.
Title.php
Stock.php
İnceleme.php
Rating.php

Ürün-image.php
Bu sonuç bizi WordPress programlı WordPress’e işaretleme şemasının nasıl ekleneceğine dair öğreticinin sonuna getirir. Bunu yapmak için, şemanın bazı programlama bilgisi ile nasıl çalıştığına dair temel bir anlayışa ihtiyacınız var. Tüm özelliklerin ve türlerin schema.org web sitesinde belirlenenlere uygun olması gerektiğini anlamak da çok önemlidir. Buna çeşitli kalıtım seviyelerine sahip mülkleri de içerir. Özetlemek gerekirse, web sitenize iki ana yol kullanarak bir plan ekleyebilirsiniz:
HTML çıkışına mikro veri işaretlemesini ekleyin
JSON-LD dosyaları eklemek çok kolay bir yaklaşımdır ve çoğu kullanıcı tarafından düşünülür. Tek yapmanız gereken JSON-LD kodunu web sitenizin bölümüne yazdırmaktır. Bununla birlikte, işaretleme şemalarını doğrudan şablon dosyasına gömmek için mikro veri işaretleme yaklaşımını kullanmak da sizin için çok yararlı olabilir. Taşan dosya şablonları, gerekli kaynaklara sahipseniz web sitesini daha esnek ayarlamanıza yardımcı olabilir. Web sitenizin WooCommerce yayınları ve ürünleri gibi belirli öğelerine işaretleme şemaları bile ekleyebilirsiniz. Peki, şimdi bu kod görüntülerini kullanarak web sitenize işaretleme şemaları ekleyebilir misiniz? Lütfen bu öğreticinin yorumlarda yararlı olup olmadığını söyleyin. Bu arada, sizin için ilginç olabilecek ve WordPress sitenizi geliştirmenize yardımcı olabilecek bazı gönderilerimiz:
Kustom WordPress eklentisi nasıl yapılır
WordPress’e telgraf ekleyin (tam kılavuz)
WordPress’te html nasıl düzenlenir

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir