🔥 Görünümü değiştirmek için sadece 5 dakika

Zengin snippet'ler için web akışında yapılandırılmış veriler (şema işaretlemesi).

Çok uzun, okumak ister misin?

Bir web akışını güzel bir şekilde yap ... ama Google neden göremiyor? Web yapımcısının beklenmedik olduğu sorun

Hiç böyle hissettin mi? Güzel olana kadar web akışındaki web sitesi tasarımındaki her zaman ve fikirlere adanmışsınız, her animasyon akıyor. Çok profesyonel görünüyor. İşinize oturup bakıyorsunuz ve gülümsüyorsunuz ... "Web sitemiz çok güzel. Müşteriler kesinlikle hoşuna gidecek!

Bundan daha fazla incinmiş, bizden daha az güzel olabilecek bir rakibin web sitesidir, ancak bir "DAO incelemesi" ⭐⭐⭐⭐ şovu vardır, arama sonuçlarından bir "fiyat" ya da "sık sık" sorular var! Web siteniz karanlık bir köşede dururken. Web siteniz, içerideki içeriğin daha iyi olmasa da, en çok iyi olmadığı anlamına gelmese de, iç içerik daha iyi olmasa da, en önemli değil. Google.

[İllüstrasyon istemi]

Soldan sonra Google'ın Beore-Beore'un görüntüsü normal bir arama sonucudur (sağ taraf, zengin snippet ile arama sonuçlarıdır (DAO incelemesi, fiyat, resim).

Güzel web sitemiz neden Google'da "aptal" oluyor?

Bu fenomenin ana nedeni basit ama çok güçlü: Google dili okuyor. GOOGLE BOT'un ürün sayfanıza girerken arkasında gizlenen "anlam" ı anlamıyor "2.500" sayılarını gördü. "En iyi makale" kelimesini gördü. Soruların listesini gördü. Ama ...% 100 bunu bilmiyor:

  • "2.500" ağırlık veya hisse senedi sayısı değil , fiyat (fiyat)
  • "En İyi Makale" sadece yüzen bir cümle değil, makalenin adıdır (başlık)
  • Soruların listesi-Cevap, kullanıcının sorularını cevaplamaya hazır SSS bölümüdür
  • "⭐⭐⭐⭐orm (250 incelemenin 4.8/5'i)" gerçek kullanıcılardan gelen bir inceleme derecesidir

Google "bilginin gerçek anlamında" emin değilse, en güvenli sonuçları seçecektir. Bu bir ekran. "Normal Mavi Bağlantı". Web siteniz anlatacak iyi hikayeler ile "aptal" gibi olur, ancak konuşamaz.

, yapılandırılmış verileri (şema işaretlemesi olarak da bilinir) bir "tercüman" veya "sözlük" olarak kullanmaktır Web sitenizdeki bilgileri Google'ın bağlamdaki anlamı derinden anladığı bir dile çevirin. Google'ın açıkça bir işareti, "Bu fiyat." "Bu bir derecelendirme." "Bu yapılacak bir olay." Bu tercüman, farklı diller kullanarak Google'a bağırmaya çalıştığınız gibi.

[İllüstrasyon istemi]

Web sitesinde (sayılar, metin gibi) bilgilerle karşılaşırken karıştırılan Google botunu gösteren kolay infografik görüntüler. Sonra bir tercüman olarak bir "şema işaretleme" simgesi var, Google Bot'u anlamasını ve gülümsemesini sağlıyor.

Bırakın ... rakiplerin gözlerin önünde "müşterileri çalmasına" izin vermek.

Yapılandırılmış verileri göz ardı etmek sadece Google sayfasında "güzel bir şey" değil, aynı zamanda birçok boyutta işletmeniz üzerinde doğrudan bir etkisi var:

  • Tıklama oranı (CTR) Yerde düşük: Normal bağlantılar ve yıldızlarla bağlantılar arasında, bir şovla, hangisini tıklayacaksınız? Cevap zaten açık. Hiçbir zengin snippet sizi muazzam bir dezavantaj sağlar. İnsanlar daha ilginç görünen rakipler bulmanız için sizi gözden kaçıracaklar.
  • Kayıp trafiği kaybetti: Düşük CTR, doğrudan trafiğe daha az yol açar. Ve bundan daha kötüsü, Google insanların web sitenize tıklamadığını görünce rütbenizi azaltmaya başlayabilir. Çünkü web sitenizin kullanıcıya, web sitenizi istikrarlı bir şekilde batırmak için çeken bir kısır daire haline gelmesi gerektiği kadar cevaplamadığını düşünüyorsunuz.
  • Marka güvenilmez görünüyor: güven her şey olduğu bir dönemde. Zengin snippet'lere sahip web siteleri "resmi" ve "daha güvenilir" görünecektir. Web siteniz genel bir web sitesi olarak görülebilirken, müşterilerin zihninde "bu markanın Google tarafından kabul edildiği" farkındalık yaratır.
  • Müşterilerle iletişim kurma fırsatını kaybettim: Hair SSS snippet'leri, müşterilerin arama veya inceleme parçacıklarına sahip olmaktan cevap vermenizi sağlar. Maalesef ilişkiler kurma ve satışları kapatma fırsatını kaçırdığınız gibi bir şey yok.

Başka bir deyişle, yapılandırılmış bir veri yapmamak güzel bir dükkan açmak gibidir. Ancak mağaza adını veya fiyat etiketini koymayı reddetmek, müşterinin yanındaki dükkandan geçmesine izin vermenin daha net iletişim kurmasına izin verin

[İllüstrasyon istemi]

2 satır grafik görüntüleri (şema olmayan web), diğeri (web sitesinde bir şema vardır) yavaş yavaş azalan bir to ve trafiğe sahiptir. Para şekilli simgeler ve müşteriler yükselen bir çizgiye doğru koşuyor

Çözüm var! Yapılandırılmış verilerle "Bilmek İçin Google ile konuşun" başlayın.

İyi haber şu ki, bu sorun çözülebilir. JSON-LD (Bağlantılı Veriler İçin JavaScript Nesne Notasyonu) adlı bir kod eklemektir , bu da Google'ın resmi olarak önerildiği formdur.

Ve nereden başlamalı? Şok olma. Bu fikri adım atarak başlamaya çalışın:

  1. "Kelime" ı Anlamak: İlk şey Google hakkında ne "konuşacağımızı" bilmektir. Herkesin kullandığı merkezi standart kelime dağarcığı , makale, ürün, localbusiner, faqpage ve daha fazlası gibi tüm çevrimiçi bilgilerin "türlerini" toplayan büyük bir sözlük gibi Schema.org'dur
  2. Web sayfanız için doğru "türü" seçin: Kendinize bu sayfanın ne olduğunu sorun?
    • Bir makale sayfasıysa, makale şemasını kullanmalıdır.
    • Bir ürün sayfasıysa, kullanılmalıdır. Ürün bir inceleme ve offere olabilir ).
    • Şirketin ana sayfasıysa, yerel olayı veya organizasyon şemasını kullanabilir.
    • Soru-cevapınız varsa, SSQPAGE şemasını ekleyin.
  3. Bir kod oluşturun (Yardım aracını kullanarak): JSON-LD kodunu merkezden yazmanız gerekmez! Şu anda, boşluğu doldurmanıza izin veren birçok ücretsiz jeneratör aracı var. Ve hemen sizin için doğru kodu oluşturacak
  4. Kodu web akışında "yapıştır" a getirin: Kod elde edildikten sonra, web akışında gereken sayfanın özel koduna yerleştirildikten sonra, çok kolay ve anlaşılır bir adımdır.

Bu basit anlayışla başlamak, yapılandırılmış verilerin artık korkutucu olmamasını sağlayacaktır. Ancak, eğlenceli olan yeni bir dil öğrenmek ve Google Search Central'ın .

[İllüstrasyon istemi]

İnfografik görüntü 4 işlemi gösterir: 1. simge. Kitaplar (Schema.org) 2. Çeşitli Web Sayfası simgeleri (makaleler, ürünler) 3

Gerçek Şeyden Örnek: Şemalı Webflow Wing'deki e-ticaret web sitesi ne zaman

Teori gerçek hikaye kadar açık olmayabilir. Webflow ile oluşturulan bir çevrimiçi kafe dükkanı vakasını kaldırmak istiyorum. İlk başta, web siteleri klasik bir sorunla, güzel, iyi bir ürünle karşılaştı, ancak Google'daki arama sonuçları, sadece%1.8 için organik aramadan TO ile "çok donuk" görünüyor.

Misyon: Ekip, her ürün sayfasında yapılandırılmış verileri ciddi şekilde kullanarak tüm yeni Google iletişimlerini elden geçirmeye karar verdi.

  • Ne yapmalı: Ürün şemasını ürün adını, resimini, açıklamasını ve markayı net bir şekilde tanımlamak için kullanırlar . "İnceleme Puanları" ve "İnceleme Sayısı" nı göstermek için toplama şeması

Şaşırtıcı sonuçlar: Google yeni web sayfasını başlattıktan ve başarılı bir şekilde zengin snippet'leri gösterdikten sonra (yaklaşık 2-3 hafta sürer).

  • CTR acele etti: Arama sayfasından "% 1.8'den% 4.2'ye düştü". Çünkü yıldızlarla arama sonuçları ve gösteri fiyatı olağanüstü ve direnemiyor.
  • Trafik önemli ölçüde artar: Google'a güçlü bir pozitif sinyal sinyal veren TO, anahtar kelime sıralamasını oluşturur. Önümüzdeki çeyrekte% 28'e kadar genel organik trafiğe neden olarak yukarı hareket edin.
  • Aşağıdaki satışlar: trafik artar, sadece güzel sayılar değil, aynı zamanda fiyatı ve incelemeleri bir dereceye kadar gören kişilerden gelen kaliteli bir trafiktir.

Bu, yapılandırılmış verilerin "teknik" olmadığının, ancak web sitenizin kaderini Google Battlefield'da değiştirebilecek "güçlü bir pazarlama aracı" olduğunun açık bir kanıtıdır. Ve uzman olan web sitesi geliştirme hizmetleri, onu yaratmanıza yardımcı olabilir.

[İllüstrasyon istemi]

Soldaki kahve ürünlerinin yüzünün resimleri, sağdaki normal bir bağlantı, 5 -STAR incelemesine sahip zengin bir snippet, fiyat ve grafiklere sahip stok durumunda, TO ve açıkça yükselen trafik gösteriyor.

Ne yapmak istiyorsun? El -el kılavuzu web akışında yapılır (hemen kullanılabilir).

Webflow web sitenizi değiştirmeye hazır. "Google ile konuş, biliyor musun"? Herkesin takip edebileceği basit adımları tek tek nasıl yapacağımı görelim.

Adım 1: Şema türünü seçin ve bir kod oluşturun.

Her şeyden önce, ücretsiz bir araç olan ve kullanımı çok kolay olan Merkle'nin Schama Markupe Jenerator (JSON-LD) web sitesine

  1. Web sayfasında, açılır listeden ne tür bir şema oluşturabileceğinizi seçin (makale, SSS sayfası, ürün gibi)
  2. Mümkün olduğunca eksiksiz olmak için çeşitli kanalları doldurun. Örneğin, makale seçiyorsanız, başlık, yazar, resim url, yayınlanan tarih ekleyin.
  3. Doğru JSON-LD kodu sağda göründüğünde, "Kopyala" düğmesine basabilirsiniz.

Adım 2: Genel web sayfalarına kurulum (statik sayfa)

İlk sayfa, Hakkımızda Sayfa veya sayfa gibi CMS koleksiyonundan değil görev için

  1. Webflow tasarımcısına gidin. Görevinizi seçin.
  2. Sayfa ayarları yan simgesine tıklayın.
  3. "Inside veya "Önce Etiket" i bulmak için aşağı kaydırın (Kafaya yerleştirmenizi tavsiye edin)
  4. Bu kanala kopyalanan JSON-LD kodunu yerleştirin.
  5. Kaydet'e basın ve web sitenizi yayınlayın.

Adım 3: CMS (Şablon sayfası) sayfasında dinamik kurulum

Bu, makale veya ürün sayfası için en güçlü kısmıdır. Çünkü bir kez yapılır, ancak her öğede kullanılabilir!

  1. İstediğiniz CMS koleksiyonunun şablon sayfasına gidin (blog yazıları şablonu gibi)
  2. Üstteki sayfa ayarlarını tıklayın.
  3. "Inside kanalına oluşturulan JSON-LD kodunu yerleştirin
  4. Bu önemli bir adımdır: atılan örnek bilgileri (örnek makale başlığını silmek gibi) silmenize izin verin, ardından "+ Alan Ekle" ve alanınızı bilgileri eşleştiren CMS'nizden seçin (makale başlığını değiştirmek için alan "adı" seçmek gibi).
  5. Bunu, kodun yazar adı, posta, yayınlanan tarih gibi dinamik veriler çizebilen tüm bölümleriyle yapın.
  6. Kaydet'e basın ve web sitenizi yayınlayın.

Adım 4: Doğruluğu kontrol edin.

Yayınlandıktan sonra, web sitesi Google Rich Sonuçlar testine gidin.

  1. Yüzünüzün URL'sini koyun. Şemayı yeni yükledim.
  2. "Test URL" tuşuna basın
  3. Bir an bekleyin ... eğer her şey doğruysa, "sayfa zengin sonuçlar için uygundur" mesajıyla yeşil işareti göreceksiniz ve ne tür bir şema gösterecek? Görev olarak düşünüldü!

[İllüstrasyon istemi]

GIF görüntüleri veya her adımda gerçek işlem ekranını gösteren 4 adımlı görüntüler: 1. Şema Jeneratörü Ekranı 2. Web Akışında Sayfa Ayarları Ekranı 3. CMS 4'ü çekmek için "+ Alan Ekle" tuşuna basın.

İnsanların şüphe etme eğiliminde olan sorular (SSS) ve en net cevap.

S1: Yapılandırılmış veriler ve Google bize% 100 zengin snippet gösterecek mi?

C: %100 değil. Yapılandırılmış veriler, zengin snippet'lerde görüntülenecek "doğru" (ELICI) (ELICI) için "bir başvuru gönderin" gibidir, ancak nihai karar hala içeriğin kalitesi, web sitesinin güvenilirliği ve kullanıcıların kullanıcılarının araması gibi diğer faktörlerden dikkate alınacaktır. Ama hiç anlam yapmamak,% 0.01% 'lik kazanma hakkı olmadığı

S2: Doğrudan bir SEO sırası mı?

C: Yapısal veriler doğrudan bir faktör değildir (doğrudan sıralama faktörü), ancak sonuçları (zengin snippet'lerin) büyük bir dolaylı etkiye sahiptir! Web siteniz öne çıktığında, insanlar daha fazla tıklayacaktır (daha yüksek TO), bu daha iyi bir TO'dur. Bu, Google'a "Bu sayfa faydalı ve bulucular için doğrudur" demek için çok güçlü bir sinyaldir. başarılı webflow SEO yapmanın önemli bir parçasıdır

S3: Bunu yapmak için bir programcı olmalı mı? Çok teknik görünüyor.

A: Gerekli değil! Kılavuzda gösterildiği gibi, jeneratör aracını kullanabilir ve nasıl kopyalayacağınızı bilebilirsiniz. Zaten temel şema yükleyebilirsiniz. En zor kısım, içeriğinizle hangi "SCCMA" türünü anlamaktır. bilgi mimarisinden hangi çalışmalar çok yardımcı olacaktır. Webflow CMS'deki bilgileri yönetirseniz, dinamik alanları kullanmak derhal kolaylaşacaktır.

S4: JSON-LD, MICRODATA, RDFA dahil birçok kelime duydum. Nasıl farklı?

C: Yapılandırılmış veri kodunu yazarken hepsi "format" dır, ancak JSON-LD, Google'ın resmi olarak önerdiği formdur. Kodu yönetmek en kolay olanı, tek bir komut dosyası olarak birlikte yazılacak ve daha sonra koyacaktır

[İllüstrasyon istemi]

Sıkı bir şekilde sonuçlanan sorular ve cevaplarla şüpheli ikonlar ve lamba simgeleri ile Soru -Cevap tarzı görüntüler ve lamba simgeleri

Sonuç olarak, anlaşılması kolay: Web sitenizi Google sayfasında bir "yıldız" olarak değiştirmenin zamanı geldi.

Bu noktada, herkesin yapılandırılmış verilerin çok uzak veya çok zor olmadığını göreceğini umuyorum, ancak bu dönemde gerekli olan bir "iletişim aracı" dır.

Bunun gibi kolayca düşünmeye çalışın:

  • Yapılandırılmış verileri olmayan bir web = kimsenin bilmediği çok yetenekli bir aktör.
  • Web yapısal veriler = aynı aktör ancak ekranda bir ad bulunan bir spot ışığı var ve izleyicinin bilet almaya karar vermesi için gösteri örnekleri var

Webflow web siteniz için şema işaretlemesini öğrenmek ve yüklemek için biraz zaman en değerli yatırımlardan biridir. Bir gecede sonuçları görmeyebilir. Ancak, hem TO, trafik, markanın kalitesi ve güvenilirliği açısından uzun vadeli sonuçları göz ardı edilemeyecek kadar büyük.

İyi yapmak istediğiniz webflow web sitesinin artık sadece "aptal bağlantılar" olması gerekir! Makalenin en gururlu olup olmadığınızı, bugün sizin en önemli görevinden başlamaya çalışın. Ya da en çok satan sayfa ve "Bilmek için Google ile konuşun", yeni fırsatların kapısını açar. Ne kadar

Vision X Beyninin "profesyonel bir tercüman" olmasını isteyin. Lütfen web sitenizi Google'a çevirin. % 100 ve olağanüstü rakipleri anlayın, değil mi? WebFlow SEO uzmanımıza danışın! Web sitenizin en yüksek potansiyelinin kilidini açmanıza yardımcı olmaya hazırız.

[İllüstrasyon istemi]

Son anahtar görsel görüntü, ortada bir webflow logosudur ve Google'ın arama sonuçlarında parlayan farklı zengin snippet simgelerine (yıldızlar, fiyatlar, SSS, videolar) bağlanan bir satıra sahiptir.

paylaşmak

Son blog

Vaka çalışması: SaaS başlangıç web sitesini nasıl şekillendiririz?

Davanın derinlikte, web sitesi dönüşüm oranını ve kayıtlı kayıt sayısını artırmak için CRO ve UX ilkelerini kullanarak SaaS StarPup'a tasarlamaktadır.

Web sitesi işe alıyor? Her web sitesi türü için makul bir bütçe açın.

KOBİ, kurumsal, e-ticaretten fiyatı etkileyen faktörlerle özel web sitesine her bir web sitesinin maliyetini dağıtın.

Bilgi Mimarisi (IA) nedir? Ve neden kullanımı kolay bir web sitesinin omurgası?

Bilgi mimarisi (IA) veya veri mimarisi ilkelerini açıklayın. Kullanıcıların kolayca bilgi bulabilmeleri için web'deki içeriği ve menüyü düzenlemeye nasıl yardımcı olur