JSON-LD Snippet İşaretlemesi için Geçerli Resim Boyutu

Geçerli JSON-LD Snippet İşaretlemesi için PC ve AMP Görüntü Boyutu

Güncellendi 7.20.2021

Bu makale, geçerli JSON koduyla test edilen zengin snippet'ler için en iyi resim boyutunu nasıl seçeceğinizi ve web sayfalarınızda ve gönderilerinizde kullanılan resimler için temel en iyi uygulamaları nasıl seçeceğinizi bilmenize yardımcı olacaktır.

Yakın tarihli bir web yöneticisi Hangout'unda, Google'dan John Mueller, arama devinin 2020 ve sonrasında daha işlemsel, daha eğitici, daha aramayla ilgili görevler için görsel aramayı nasıl kullanmayı planladığından bahsetti. Zengin Kartlarda ve görseller içeren diğer zengin özellik snippet'lerinde görsellerin yükselişini gördük ve bunun devam etmesini bekliyoruz. Bu, geçerli bir görüntü boyutuna sahip olmanın her zamankinden daha önemli olduğu anlamına gelir.

hemen temel sorularınıza geçelim.

AMP sayfalarındaki resimlerin boyut gereksinimleri var mı?

Evet. Her web sayfası, genişlik ve yüksekliği çarparken minimum 800.000 piksel olan en az bir veya tercihen birden çok yüksek çözünürlüklü görüntüye sahip olmalıdır. Genişlik yönü en az 800 piksel olmalıdır.

Bu uyarı ne anlama geliyor: resim boyutu önerilen boyuttan küçük mü?

Bir sayfa bu bildirimle işaretlenir ve önerilen boyuttan daha küçük bir veya daha fazla resim içerdiğinden ideal olmayan bir sayfa olarak değerlendirilir. Tipik olarak bu uyarı, öne çıkan resimden alınır.

Örneğin, işletmeniz Google Haberler Döngüsü'nde, En Çok Okunan Haberler'de veya Ürün Döngülerinde görünürlük kazanmak istiyorsa, uygun bir düzen için belirli resim boyutları gerektirir. Ayrıca, arama yapan kişi sayfaya geldiğinde konuyu destekleyecek kaliteli bir görsel bekleyebilir.

AMP görüntü spesifikasyonlarına uymanın faydası nedir?

• Bu yönergeleri izleyerek, makalelerinizin öne çıkan snippet'lerde ve arama sonuçlarının en üstünde öne çıkan yerleşim kazanma olasılığı daha yüksektir. Standart HTML sayfalarının indekslenmesini etkilemez.
• Minimum önerileri karşılayarak, medya içeriğiniz AMP atlıkarıncasında öne çıkan bir makaleye sahip olma şansınızı destekler.
• İnsanlar her zamankinden daha fazla bir görsel arama yaparak aramaya başlıyorlar. Arama motorlarının içeriğinizi bulması ve görüntülemesi için en iyi olanı onurlandırarak yeni işler kazanabilirsiniz.

Logo görsellerinin AMP için de boyut gereksinimleri var mı?

Evet. AMP sayfaları için temel logo formatı, boyutu ve dolgu gereksinimleri vardır. Logo, 60 x 600 piksellik bir kutunun içine sığmalıdır; ancak, AMP karuselinde 16 x 160 boyutunda oluşturulacaktır. AMP logoları, 60 x 600 piksellik bir kutunun boyutlarına sahip olmalıdır.

SİTE LOGO GÖRÜNTÜ

Şemadaki görüntülerin kapsamlı kullanımını anlamak için 'logo' ve 'fotoğraf', 'görüntü'nün alt özellikleri olarak kategorize edilir. Doğru kullanım, bir işletmenin Google Bilgi Grafiği'nde yer alan öğeler üzerinde daha fazla kontrol sahibi olmak anlamına gelir.

Her web sitesinin bir logosu vardır (veya olması gerekir) ve doğru logo işaretlemesi, web yöneticilerinin Google'a Bilgi Grafiği ekranlarında hangi görüntünün kullanılmasını istediklerini söylemesine olanak tanır.

Google'ın Görsel Yönergeleri , “Google'ın arama sonuçlarında ve Bilgi Grafiği'nde kuruluşunuzun logosu olarak hangi görseli kullanacağını belirleyebilirsiniz. Bunu yapmak için resmi web sitenize tercih ettiğiniz logonun konumunu tanımlayan schema.org Organizasyon işaretlemesini ekleyin.”

Bir işletmenin SERP'lerdeki konumunu ilerletme yeteneği büyümeye devam ediyor ve Google algoritmaları artık bu biçimlendirme biçimine daha fazla güveniyor. Schema.org, yeni sürümlerinin bir listesini sağlar. Görüntüler için şema bir süredir sağlanmıştır. 8 Temmuz 2014'teki 1.7 yayınında şu ifadeler yer aldı: "Bu yayın, ImageObject makul bir değer olduğunu belirterek resim özelliğini değiştiriyor." Ve hızla gelişiyor, bu nedenle işletmelerin işaretlemeyi kullanmak için daha fazla fırsatı var.

Google, Yapılandırılmış Veri Görseli Yönergelerini güncelliyor

Google, görüntü kullanımı için yapılandırılmış veri görüntüsündeki ayrıntılarla daha yapılandırılmış bir yaklaşım benimsiyor.

Bu yönergelerin nasıl güncellendiğini izlemek ve varyasyonları karşılaştırmak için Google geliştirici ürünleri sayfasından kopyalar oluşturmaya başladık. Bir tüketici davranışı analizi yaparken, bir görsel arama yoluyla sitenize hangi kitle segmentinin geldiğini gözlemleyin.

Yerel bir işletme, yemek tarifleri, işaretleme ürünleri , kitap, etkinlik, televizyon filmleri vb. için her birinin görüntü yönergelerine özel dikkat gösterilmesi gerekiyor. Bazı veri türleri, önerilen bir özellikten gerekli bir türe güncellendi.

Elimizdeki eski yönergeler yetersizdi ve bir görüntü sağlamak için çok az şey söyledi; ancak, şemayı uygulayan kişiler artık çok daha açıklayıcı olan yeni yönergelere uymak zorundadır. Yeni yönergelerden biri de çok kolay: " Resim URL'leri taranabilir ve dizine eklenebilir olmalıdır ".

Eskiden her resim için yalnızca bir URL sağlamamız gerekiyordu. Artık Google, " ImageObject veya URL'nin tekrarlanan alanı" istediğini belirtiyor. Sayfalarımızdan birkaçı bir resim içermese de, yeni yönergeler "Her sayfa en az bir resim içermelidir ve bunun böyle olduğunu belirtmiyor" diyor. yalnızca şema işaretlemesi içeren sayfalar ve yayınlar içindir. Fark, içeriğinizin popüler Google Kartlarında görünüp görünmediği anlamına gelebilir.

Google, AMP olmayan URL'ler için Google Keşfet'te sıralamayı teşvik etmek için content=”max-image-preview:large” kullanılmasını önerir.

Google, Yerel Bir Resimle Web Varlıklarını Algılar

Google, yerel varlık haritalamanın derinliklerine iniyor ve görsel aramayı tamamen yeni bir düzeye taşımanın eşiğinde olduğuna dair göstergeler sızdırıyor.

Ancak artık, Google'ın arama sonuçlarında görüntülemeyi tercih ettiği görseli, her görselin oranını ve çözünürlüğünü dikkate alarak seçeceğini biliyoruz. Kullanıcıların bir sayfa hakkında üzerinde kullanılan resimlerden çok şey öğrendiğini ve Google'ın resim seçiminde hangi faktörlerin önemli olduğu hakkında daha fazla şey belirlediğini belirten "çözünürlük"e artık atıfta bulunulması ilginçtir. Görsel aramada görsellerinizin nasıl daha etkili kullanılabileceğini iyileştirme şansı için tam bir web sitesi denetimi yapın.

Herhangi bir eski resim izleyiciler için yararlı değildir, bu nedenle doğal olarak, resimlerin şema ile işaretlenmiş içerikle alakalı olması gerektiğini baştan beri biliyorduk. Açık bir değişiklik, Google'ın artık farklı en boy oranlarında bir dizi görseli tercih ettiğini ortaya çıkarmasıdır. Harika içerikler gibi, görselleriniz de tüketici odaklı olmalı ve hedef kitlenize hitap etmelidir. "En iyi sonuçlar için, aşağıdaki en boy oranlarına sahip birden çok yüksek çözünürlüklü görüntü (genişlik ve yükseklik çarpılırken en az 800K piksel) sağlayın: 16×9, 4×3 ve 1×1."

thumbnailUrl resim özelliğini kullanıyorsanız, birden çok en boy oranı önerisi de dahil olmak üzere aynı yönergeler devreye girer. Her şey daha spesifik olma yönüne gitmedi. TV ve filmlerin önceden "minimum 140 piksel genişliğinde ve 210 piksel yüksekliğinde, 2:3 en boy oranına sahip" bir görüntüye ihtiyacı varken, şu anda bu tür özelliklerin yerini bu yeni "standart" görüntü biçimleri alıyor, yani Google'ın "16× 9, 4×3 ve 1×1" en boy oranları.

Google'ın yeni yapılandırılmış veri resmi isteklerine uymak için eski resmi geri alma ve güncelleme ve değiştirme göreviyle karşı karşıya olan web yöneticileri, makale resim yönergelerinin değişmediğini bilmekten memnun olacaklardır. Resim piksel genişliği için aynı spesifikasyonu korurlar: Makaleyi temsil eden bir resmin URL'si. Yalnızca doğrudan makaleye ait olan işaretlenmiş bir resim belirtilmelidir. Önceden, resimlerin en az 696 piksel genişliğinde olması gerekiyordu; Resimlerinizin Google Haritalar'da görünmesi için daha iyi bir şansa sahip olmak için Google'ın En İyi Uygulamalarını takip ettiğinizden emin olun.

MAKALE GÖRÜNTÜSÜ

Şu anda tam olarak Google Yönergelerinde bulunduğu gibi: “ImageObject; gerekli (AMP), önerilen (AMP olmayan)

Ek resim yönergeleri:

• Yalnızca doğrudan makaleye ait olan işaretlenmiş bir resim belirtilmelidir.
• Resimler en az 1200 piksel genişliğinde (önceden 696 piksel genişliğinde) olmalıdır.
• Her sayfa en az bir resim içermelidir (işaretleme ekleseniz de içermeseniz de). Google, en boy oranına ve çözünürlüğe göre Arama sonuçlarında görüntülenecek en iyi resmi seçer.
• Resim URL'leri taranabilir ve dizine eklenebilir olmalıdır.
• Resimler işaretlenmiş içeriği temsil etmelidir.
• Resimler .jpg, .png veya biçiminde olmalıdır. gif formatı.
• En iyi sonuçlar için, aşağıdaki en boy oranlarına sahip birden çok yüksek çözünürlüklü görüntü (genişlik ve yükseklik çarpılırken minimum 800.000 piksel) sağlayın: 16×9, 4×3 ve 1×1.

Google Gönderilerinizde İdeal Bir Makale, Blog ve Blog Gönderi Resmi Nasıl Kazanılır

E-Ticaret siteleri doğru Ürün görsel şeması ile satışları artırabilir.

İşte sitenizin görsellerin doğru kullanımından ne zaman yararlanabileceğine dair bir örnek. Google'da yeni bir gönderi yayınlandığında, oluşturulan bağlantıda göz alıcı bir resim içerebilir. Google, bugün sayfanın başlığından, kısa bir açıklamasından ve izleyicinin dikkatini çekmek için bir küçük resimden oluşan bir önizleme veya SERP snippet'i oluşturur.

Bir sayfadaki her resim, sayfanın konusuyla ilgili ve eşleşen arama amacını destekleyen bir alt etiketine sahip olmalıdır.

Google, bir Makale görüntüsünün oluşturulmasıyla ilgili kapsamlı ayrıntılar sağlar.

6 Ocak 2017 itibariyle, aşağıdaki yönergelere göre bir görüntü boyutuna sahip görüntü şeması işaretlemesine sahip olmamız gerekiyordu:

* Resim en az 400 piksel genişliğindedir

* Resmin en boy oranı 5:2'den (genişlik:yükseklik) daha geniş değildir.

+Snippet Resminiz Görüntülenemediğinde

Google, bunun olası bir nedenini açıklar: "Çok küçük veya yeterince kare olmayan resimler, resimlere schema.org mikro verileri veya Açık Grafik işaretlemesi tarafından açıkça atıfta bulunulsa bile +Snippet'e dahil edilmez. Spesifik olarak, yükseklik en az 120 piksel olmalı ve genişlik 100 pikselden azsa, en boy oranı 3,0'dan büyük olmamalıdır."

VİDEO GÖRÜNTÜ BOYUTU KÜÇÜK RESİM

İnternet kullanıcıları, video içeriği tüketim seviyesini yukarı doğru itiyor. Bunun sizin için anlamı, web sitenizi yapılandırılmış verilerle video web parçalarıyla işaretlemenin, Google Semantic Search'ü keşfetmeye ve arama sorgularını çevrimiçi olarak mevcut ilgili videolarınızla eşleştirmeye yardımcı olacak bir giriş noktası ile yardımcı olacağı anlamına gelir.

Arama motoru sonuç sayfalarında (SERP'ler) görüntülenebilecek video küçük resim dosyasını belirten bir thumbnailUrl resim URL'si sağlanmalıdır. “Görüntüler en az 160×90 piksel ve en fazla 1920×1080 piksel olmalıdır. .jpg, .png veya .gif biçimindeki resimleri öneririz. Tüm resim URL'leri taranabilir ve dizine eklenebilir olmalıdır. Aksi takdirde, bunları arama sonuçları sayfasında görüntüleyemeyeceğiz," diyor Google.

Video görüntüsü boyutu ve çözünürlüğü için aşağıdaki özel küçük resim en iyi uygulamaları sunulmaktadır: "Görüntü gömülü oynatıcıda önizleme görüntüsü olarak da kullanılacağından, özel küçük resminiz mümkün olduğunca büyük olmalıdır. Özel küçük resimlerinizi öneririz:

* 1280×720 çözünürlüğe sahip (minimum 640 piksel genişliğinde).

* .JPG, .GIF, .BMP veya .PNG gibi resim formatlarında yüklenebilir.
2MB sınırının altında kalın.

* YouTube oynatıcılarında ve önizlemelerinde en çok kullanılan 16:9 en boy oranını kullanmaya çalışın.”

Video içeriğiniz, hem çok görünür hem de İnternet kullanıcıları tarafından talep edilen görüntülerdir. Video içeriğinizi duyuran kapak resmini seçmek için zaman ayırın. İlgiyi artırmak ve kullanıcı katılımını teşvik etmek için görsellerinizin sayfadaki ve aramadaki etkisini en üst düzeye çıkarın.

AMP GÖRÜNTÜ KARUSELİ

amp-carousel-0.1.js dosyasını ve width: 100% . Kodlayıcılar, benzer boyuttaki görüntülerin bir listesini sürekli bir şerit olarak görüntülemek için carousel tipine güvenir. Amp-carousel bileşeni, mobil izleyicilerin yatay ekseni boyunca bir görüntüye tıklayarak sunulan çok sayıda benzer içerik küçük resmi arasından seçim yapmasına izin vermek için akıllı telefonlarda daha küçük ekran alanlarından ideal şekilde yararlanır.

RelayMedia'nın Spread the Carousel Love ** başlıklı makalesi, “AMP konusunda tereddüt eden yayıncılar, kaçırdıkları fırsatı değerlendirmelidir. AMP makaleleri yayınlamanın esasen hiçbir riski yoktur ve aramada öne çıkma ve öğrenme açısından kazanılacak çok şey vardır.”

Product Image Carousel'in daha geniş çapta kullanıldığını görüyoruz. Bu, kitap yazarları, film yapımcıları, ünlüler ve e-ticaret mağazaları için yüksek değerli gayrimenkuldür. Ve kullanımının artması bekleniyor.

Örnekle AMP sayfası, her dönen görüntü için yükseklik için 400 piksel genişlik ve 300 piksel kullanır.

AMP OLMAYAN GÖRÜNTÜ GALERİSİ

Yapılandırılmış Veri Resim Galerisi ile AMP Olmayan Sayfa

Siteniz henüz AMP'nin avantajlarına hazır değilse, AMP olmayan sayfalar, SERP açısından zengin bir sonuç listesinde veya benzer AMP olmayan web sayfalarını görüntüleyen bir döngüde de zengin bir sonuç haline gelebilir . Zengin sonuçlar, başlıklar ve resimler içerebilir. Google, sitelerin bu tür özelliklere hak kazanabilmesi için yeterli bilgiyi otomatik olarak çıkarmaya çalışsa da, web sayfası yapılandırılmış verileri doğru bir şekilde uygulamışsa, arama motorlarının içeriğinizi daha iyi yorumlamasına ve zengin bir kart resmi veya resim döngüsü elde etme olasılığınızı iyileştirmesine yardımcı olabilir. sonuç. Şema verileri, temel SEO uygulamalarına dönüştü .

Şey ile ilgili bir küçük resim


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


Github JSON Schema Form Repository, kod örneklerini toplamak ve web'in bu alanının nasıl genişlediğine katkıda bulunmak için katılmak için ideal bir sitedir. Google, işlem amaçlı arama sorgularına çok önem verdiğinden; yeni e-Ticaret şeması biçimlendirme türleri ortaya çıkmakta ve genişlemektedir .

Sitelerin Görsel Arama için Neden Optimize Edilmesi Gerekiyor?

Rand Fishkin, Google görsel arama analizini 14 Mart 2017'de The State of Searcher Behavior Through 23 Olağanüstü İstatistik İle Ortaya Çıktı başlıklı makalesinde bildirdi.

Rand, Jumpshot ve Moz verileriyle ilgili Google görsel arama analizini bildirdi ve şunları buldu:

• Google Görsel Arama, 1. sıradaki Google.com'dan hemen sonra en çok kullanılan 2. arama platformudur.

• Aramaları, kalan En İyi 10 web mülkünün toplamından daha fazladır.

• Bing veya Yahoo'daki herhangi bir aramanın 10 katından fazla.

• Facebook platformunda yapılan görsel aramaların sayısının 40 katından fazla.

Rand, "insanlar doğal olarak resimlere çekildiğinden ve Google, en çok etkileşimi sağlayan resimleri göstermek için tıklama verilerini kullandığından", resim bloğundan daha fazla tıklama meydana geldiğini belirtti. JSON işaretlemesinin artan kullanımıyla, bu şemayı doğru bir şekilde eklemek, yönettiğimiz sitelere SERP'lerde gelişmiş görünürlük kazandırıyor.

Kesin, Belirtilen Görsel Ayrıntıları Google Şema Yönergelerindedir

Günümüzün yenilikçi görüntü tanıma teknolojisinin çoğu, Gelişmiş bir Makine Öğrenimi biçimi olan Derin Öğrenme teknolojisine ve Yapay Zekanın ilerleyen başarısına bağlıdır. Semantik arama uzmanlarının daha önce LocalBusiness , Makale ve NewsArticle için geçerli olan şema işaretlemesi için image özelliğini kullanırken daha az katı yönergelere uymaları gerekiyordu. Başlangıçta yalnızca bir resim URL'si gerekliydi. Ardından, önerilerle birlikte "[a] URL'si veya temsili resim dosyasına/dosyalarına işaret eden URL'lerin listesi" belirtildi. İlk önerilerin çoğu, özellikle makaleler için artık kurallara dönüştürülmüştür.

Gözden geçirilmiş yönergeler artık görüntünün kendisinin görünürlüğünün sayfaya değer katmasını sağlamaya çalışıyor. GoogleBot bunu insan gözüyle görmese de, arama devi artık görselin "makalenin temsili görüntüsü... doğrudan makaleye ait olan" olması gerektiğini söylüyor.

Her zaman yeşil kalan içeriğinizdeki görsellere öncelik verin. Bir makalenin içinde birden fazla görsel olabileceği düşünüldüğünde; bu, makaleyi beraberindeki bir resim parçacığıyla görüntülerken, bir arama motorunun seçim sürecindeki varsayımı ortadan kaldırır. Asgari bir boyutun talimat verilmiş olması da ilginçtir: "[i]görüntüler en az 696 piksel genişliğinde olmalıdır." Bunun, sayfadaki bir görüntünün değerine işaret ettiği ve can sıkıcı bir küçük resim boyutu olmaması gerektiği varsayılabilir.

Resim yüksekliği ve genişliğinin dahil edilmesi gerektiğine dair mevcut koşul, image için basit bir URL bildiriminin artık makale açısından zengin snippet'ler için desteklenmediğine ve kritik bir hata üreteceğine işaret ediyor. Bunun, Google'ın web yöneticilerinin Hızlandırılmış Mobil Sayfalara (AMP) geçişine yardımcı olma dürtüsünün bir parçası olduğunu varsaymakta hiçbir hata yoktur. AMP öğelerinin hızlı yüklenmesi amaçlanmıştır ve bir mobil makalenin düzeni söz konusu olduğunda çoğu silinir veya tanımlanır. UX tasarımınıza gelişmiş kullanıcı deneyimleri için AMP teorisini dahil edin.

Resim boyutları açıkça eklendiğinde, Google'a AMP makaleleriyle ilişkili resimleri farklı cihazlarda doğru şekilde oluşturma yeteneği verir. “Görüntü referanslarını, izleyicinin görüş alanına göre boyutlandırılmış görüntülerle değiştirmeye” çalışır. Bu, bir bilgisayarda bir AMP sürümünü görüntülerken görüntünün sınırların dışına taşmasının bir nedenidir. Daha büyük ekranın ölçülerine hazır olduğundan görüntü boyutu değişimi yapılmaz. Etkileşimli web tasarımınızın temel gereksinimi olarak dikkate alınmalıdır.

Daha önce amp-img etiketinin "belirgin bir genişlik ve yükseklik içermesi gerektiği" şartı olsa da, şimdi aynı şey masaüstü bilgisayarlar için evrenseldir. Resim ekleme için göreceli URL'leri kullanmaya dayanan web tasarımcıları için, ImageObject URL bildiriminin göreceli URL sürümü yerine mutlak bir URL gerektirdiği AMP için ayarlama yapmaları gerekir. Bu, bir tarayıcının bir web sayfasını oluşturmak için sahip olduğu görevler düşünüldüğünde anlamlıdır. Toplamda, yalnızca Google'ı, görüntü boyutlarını hesaplamak için kodu ayrıştırmak zorunda bırakarak yavaşlatır.

Sonuçta, AMP'nin amacı sayfaları daha hızlı yüklemektir. Bu, beklemek istemeyen kullanıcılardan geliyor. Öyleyse neden görüntü verilerini önceden sunmuyorsunuz? Etkili SEO, daha iyi bir kullanıcı deneyimi için optimizasyondur ve onlar için hız önemlidir.

ÜRÜN KARUSELİ E-TİCARET GÖRSELLERİ

Çoğu zaman, bir görüntüye yapılandırılmış işaretleme eklemek için hangi sayfanın en iyi olduğu seçimi gelir. Listelenen birden fazla ürünün bulunduğu kategori sayfasına kıyasla alışveriş sepetinizdeki tek tek ürün sayfasında uygulayın. Bu, potansiyel alıcılar için karışıklığı önleyecektir.

Geçerli bir zengin snippet ve görsel arama sonucunda bulunan görsel, e-Ticaret müşterilerinin istediği ürün bilgileriyle zengin olabilir. NOT: web tasarımcınız, bir Ürün Döngüsü tasarım özelliğini kullanarak e-Ticaret web sitenizin herhangi bir alanında ürün karusellerini görüntüleyebilir; bu, Google'ın mobil e-Ticaret zengin sonuçlarında dönen kullanımda ürününüzü gönüllü olarak görüntülemeyi seçmesinden farklıdır.

JSON-LD Görüntü Boyutlarını Önermenin Yolları

Senaryoya bağlı olarak, yönergelerde tercih edilen farklı bir biçim belirtilmedikçe, önce JSON-LD ile işaretlemenize açıklama eklemeye çalışın.

JSON-LD işaretlemesini kullanırken, tırnak işaretleri kullanılmayan görüntü değerleri "sayılar" iken, tırnak işaretleri içinde ifade edilen değerler "dizelerdir". Bu, sayısal bir değer arzu sonucu olduğunda, bir kodlayıcının tırnak işaretlerinden kaçınmak için bilinçli olması gerektiği anlamına gelir.

Bir görüntünün yüksekliğini ve genişliğini belirtmenin yaygın bir yolu "width": "600px" dir, ancak birçok modern tarayıcı için bu, "Distance" veya "QuantitativeValue" beklediğinden "width" için beklenen değer sorununu ortaya çıkarır. . "width":"600px" içeren testler Google tarafından şu şekilde değiştirildi:


"width":{
"@type":"Intangible",
"name":"600px"
}

Bu, hala ne tür bir ölçüm biriminin kullanıldığı hakkında bilgiden yoksundur. Bunun gibi bir şey kullanarak "Mesafe"yi değiştirmeyi deneyin:


"width":
{
"@type":"Distance",
"name":"600 px"
}

Burada geçerli bir işaretleme elde etmenin ötesinde düşünün, çünkü ölçüm birimi konusunda hala bir miktar belirsizlik bırakır ve arama motorlarını "px" kullanarak ne anlama geldiğini bulmaya çalışmaya zorlar. Tercihimiz Linter Structured veri aracını kullanmaktır, bunun yerine "QuantitativeValue" kullanan görüntüleri sever:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

Resim varlıklarını tanımlayan URL'ler sabit olmalı ve değişken verilere bağlı olmamalıdır. Bu resim işaretleme örneği, bir dize değişmez değeri yerine bir referans olarak yorumlanacaktır, çünkü (yayın sırasında), schema.org JSON-LD Context, resmi @id:
JSON görüntüsünü kodlamak için schema.org bağlam pasajı örneği:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Uzak bir bağlamda bu şekilde ifade edilmezse, verilen terimler yerel bir bağlamda (yeniden) tanımlanabilir:

Yazılan görüntü ilişkisi örneği:

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

İnsanlar görsellerle çok iyi ilişki kurduğundan ve Google görsel arama büyüdüğünden, görsellerin işletmenizi nasıl temsil ettiğini ve markanızı nasıl oluşturduğunu anlamak önemlidir.

JSON İşaretleme, Bir Makalenin Görsel Bileşenlerinin Anlaşılmasına Yardımcı Olur

Görsel aramadaki artış göz önüne alındığında, bu SEO'nun önemli bir yönüdür. Bir site WordPress platformundaysa ve yapılandırılmış işaretleme oluşturmak için bir eklentiye güveniyorsa, Image özelliğini düzeltmeniz gereken yerlerde sorunlar ortaya çıkabilir. Bu durumda, genellikle Sayfa veya Gönderi için Öne Çıkan Görsel kullanılması gerektiği içindir. Eklentiler uyumluluk ve amortismana tabi kod sorunlarıyla mücadele ediyorsa, şemanızı elle kodlamak için zaman ayırmaya değer olabilir.

Bu kurulum olmadan eklenti, hangi fotoğrafın o makalenin içeriğini en iyi temsil ettiğini tespit edemez. Eklenti, ImageObject boyut boyutlarıyla birlikte eklemek için bu bilgilere bağlıdır. Siteniz eklentilere bağlı olsun ya da olmasın, sorunları gidermek için en iyi SEO araçlarınızdan bazıları Google Arama Konsolunda bulunur .

SEO Skeptic'ten Aaron Bradly, "Google'ın Makale işaretlemesinden elde etmeyi umduğu faydalar, genel olarak, işaretlemeyi kullanmak yerine, bir makalenin bileşenlerinin ve kökeninin daha iyi anlaşılması nedeniyle Google ekosistemindeki makaleleri daha iyi manipüle etme yeteneğidir" tavsiyesinde bulunuyor. bir makalenin ne hakkında olduğunu daha iyi anlayın.”****

Şimdi bu düşünceyi, bir görüntünün bin kelimeye bedel olduğu şeklindeki tanıdık ifadeyle birleştirin ve hem güçlü bir görüntü seçimini, hem de onun etrafındaki uygun şema yapılı verilerle birleştirin.

NOT: Daha fazla mülkün geleceğini belirtmek için virgül kullanın. Örneğin, birden fazla görüntü eklerken bu gereklidir. Son özellik olan “image” virgül kullanmaz. Yeni kodunuzu test edin ve tüm hataların doğru sözdizimi ile değiştirildiğinden emin olun.

EK GÖRÜNTÜ ÖNERİLERİ

Aşağıdakiler yalnızca Hill Web Marketing'in görüşüdür ve geçerli bir resim boyutuna sahip olmanın yanı sıra:

1. Mümkün Olduğunda, Hazır Fotoğraflardan Kaçının

Pek çok müşteri, ne tür bir resim kullanmaları gerektiğini soruyor. Mümkünse içinde insanların olduğu bir görüntüye gidin; mutlu görünen bir birey, izleyicinin moralini yükseltir, belki de bilinçsizce, güçlüdür. İnsan yüzleri ve beden dili bir hikaye anlatır ve bu da onu çekici kılar. Bir çocuğun utanmadan nasıl baktığını hiç fark ettiniz mi? Yüzlere bakmak diğer görüntü türlerinden daha fazla doğaldır. Her web sayfasında insan resimleri veya en azından bir resim olmalıdır.

Site ziyaretçileri bir stok görüntüsünü hemen tanıyabilir. İnsanların bu tür görüntüleri, kendilerini gerçek hissetmedikleri için en kötü suçlular gibi görünüyor. Akıllı telefonunuzun kamerasını kullanmak konusunda çok tembel olmayın. Kusursuz aydınlatmadan, lekesiz ofis odalarından, gerçek dışı mükemmeliyetçilikle fotoşoplanmış ve içlerinde %50/50 etnik çeşitliliğe sahip insanlardan oluşan görüntüler, hayatın akışından ibaret değil.

Bir görüntünün gücü göz önüne alındığında, biraz orijinal profesyonel fotoğrafçılığa yatırım yapın. Giyin ama yine de fotoğraf günü için doğal görün. Göze batmıyorlarsa, küçük kusurları düzenlemeyi atlayın; estetizmi ileten bir resim, “cilalı” bir varlık halini göstermekten daha önemlidir.

Stok fotoğrafçılığı kullanırken yapılan en yaygın hata, makale veya blog gönderisinin konusu ile yeterince ilgili olanlar yerine rastgele görseller seçmektir. Stok görsellere olan bağımlılığınızı korumak için satın alıyorsanız, genel fotoğraf kalitesinin daha yüksek olduğu Getty Images veya Fotolia gibi bir siteye gidin. Google Ads kampanyalarınızda tüketici katılımını artırabilecek resimleriniz olduğundan emin olun.

Neil Patel******, farklı çevrimiçi nişlerdeki 41 blogda görsel kullanımı üzerine bir araştırma yaptıktan sonra, “Ortalama olarak, bir blog gönderisi stok fotoğraf görseli kullandığında, 152 tweet ve 83 Facebook beğenisi aldı” sonucuna varmıştır. Görselinizin sosyal platformlarınıza nasıl katkıda bulunduğunu veya dikkatinizi nasıl dağıttığını izleyin ve gerekirse profesyonel bir Sosyal Medya Pazarlama Müdürü ile iletişime geçin.

2. Daha Hafif Yükleme Resimleri İçin Sıkıştırmayı Kullanın

Sayfamızın üst kısmındaki resimde arka planın soluk olduğuna dikkat edin, bu da bu alanlarda çözünürlüğü azaltırken, bu grafiğin odak noktasında, kadında daha yüksek çözünürlüklü bir görünüm bırakmak mümkün.

Görüntü sıkıştırmaya yardımcı olan araçların çevrimiçi olarak birçok kaynak listesi vardır. Resimlerinizi en iyi şekilde kodlamak için tercih ettiğiniz işleme karar vermek için birden fazlasını deneyin, aynı resmi en az baytla teslim edin ve aşırı optimize edilmek zorunda kalmayın. Önemli olan, JSON görüntü gereksinimlerine uyan doğru kodu test etmek, test etmek, test etmektir.

Öncelikle, görüntü sıkıştırma için en iyi sonucu veren fotoğraf formatının hangisi olduğunu öğrenin. Örneğin, (animasyonsuz) bir GIF dosyasını bir PNG resmine dönüştürmek, onu ortalama %21 oranında düşürür. Guy Podjarny ***, "(saydam olmayan) bir PNG dosyasını JPEG'e dönüştürmenin, dosya boyutunu genellikle 3–5 kat azaltarak daha da büyük tasarruflar sağlayabileceğini beyan eder. WebP ve JPEG XR gibi yeni formatlar bunu daha da ileri götürebilir ve aynı görseli %25-50 daha az bayt ile iletebilir”.

3. Görüntülerin Daha Hızlı Yüklenmesini Engelleyen Sorunları Düzeltin

O zaman düşünülecek daha çok şey var: resimlerinizin nasıl yükleneceği, bir tarayıcının yapması gereken ve resimlerinizin ne kadar hızlı görüntülenebileceğini belirleyen iştir. Uzun talimatlarla CSS'ye, grafikleri yönetmek için JavaScript'e veya işin bir kısmını yapmak için WordPress Eklentilerine güvenen web tasarımcıları, genellikle işleri gereğinden fazla karmaşıklaştırır. Her yönün dikkatlice incelenmesi gerekir; bu, en iyi şekilde tam site Teknik SEO denetiminde gerçekleştirilir.

4. Görseller Sayfanın Amacına ve Konusuna Uygun Olmalı

Kasıtlı olmak daha fazla zaman alır, ancak özellikle bir sayfadaki ana görsel, sayfanın amacına açıkça uymalıdır.

Neil ayrıca grafikler ve çizelge görüntüleri kullanırken en yüksek sayıda geri izleme aldığını bildirdi. "Ortalama olarak, diğer resim türlerini içeren blog gönderilerinden %258 daha fazla geri izleme aldılar."

Uzun biçimli içeriğe sahip sayfalara daha fazla resim eklemek, uzun metin bloklarını kırmaya ve amacınızı güçlendirmeye yardımcı olabilir.

Açılış sayfalarınızdaki resimler , satışları artırmanın anahtarı olduğu için özel ilgiyi hak ediyor. Görsel verileri içeren gönderiler, kitlesel dikkat çekmeyebilir, ancak eğitim ve iş açısından kendi değerlerini taşırlar. Eğitici niş bloglara (bunun gibi) değer katarlar ve sık sık onlara bir bağlantı toplarlar. Yalnızca araştırma amacıyla, eyleme dönüştürülebilir veya statik gömülü bir grafiğin değeri gerçekten artabilir. Birkaç yıl sonra bazı grafik içerik biçimleri eskidiğinde, Neil "diğer blogların, gönderilerin yaşı ne olursa olsun, grafiklerle veri açısından zengin gönderilere bağlantı vermeye devam edeceğini" buldu.

Hubspot, "ilgili bir görsel aynı bilgiyle eşleştirilirse, insanlar bilginin %65'ini elinde tutuyor" diyor. 3 Ocak 2017 2 2017'de Bilmeniz Gereken Görsel İçerik Pazarlama İstatistikleri makalesi. *

5. Elle Çizilmiş, 3 Boyutlu Grafikler ve Hareketli Görüntüler Kullanın

Tüm uygun JSON-LD işaretlemesi için geçerli resim boyutunu kullanın.

Elle çizilmiş, 3 boyutlu grafikler veya hareketli görüntüler popülerdir ve özellikle hafif bir arka plan kullanıldığında genellikle daha az ağırlığa sahiptir. Rand Fishkin'in şaşırtıcı derecede popüler White Broad Friday blog yazıları için kullandığı resimlere hızlıca bir göz atın (moz.com/blog/). Belki "pastel arka plan" marka görünümünüz değildir, ancak büyük olasılıkla iyi bir nedenden dolayı seçilmiştir. Bu görüntü türlerini oluşturmak veya beğenmek için zamanınız yoksa, grafikler, infografikler veya stok fotoğrafçılığı deneyin.

Şema işaretlemesini kullanmak için görüntü boyutu gereksinimini unutmayın. Neden yalnızca bir görüntünün görsel çekiciliğine odaklanarak sayfanın gelecekteki kullanımını sınırlayasınız ki?

Çevrimiçi resimlerin tümü doğru şekilde etiketlenmemiştir, bu nedenle doğru optimizasyon için resimlerinizi doğru Meta Verilerle zenginleştirin. Sohbet botu mesajları düğmeler, metinler, resimler ve diğer öğeler içerebilir veya tamamen konuşma tabanlı yanıt verebilir. Geleneksel uygulamalar veya web siteleri aynı anda birden fazla bilgiyi bir ekranda isteyebilir ve görüntüleyebilir, bir bot birden fazla mesaj kullanarak aynı miktarda bilgiyi toplayacaktır.

Geçerli Bir Görüntü Boyutu Neden Önemlidir?

İnsanlar güçlü görsel öğrenicilerdir. Görselleriniz, konunuzla ve kişisel olarak sizinle bir bağlantı kurar. Zengin SERP'lerdeki yeni fırsatlar, markanıza daha iyi görünürlük sağlar. Çevik bir pazarlama planına sahip olmak, ortaya çıkan görüntü boyutu gereksinimlerini en iyi şekilde karşılamanıza olanak tanır.

“Web giderek daha zengin bir görüntüye sahip hale geliyor. Yüksek çözünürlüklü mobil ekranlar, Pinterest tarzı tasarım ve büyük arka plan grafikleri arasında, ortalama görüntü yükü son üç yılda iki katından fazla arttı. Görsel olarak çekici olmakla birlikte, bu görüntüler önemli bir performans maliyeti taşır ve - doğru şekilde optimize edilmezlerse - ne kadar güzel olursa olsun bir web deneyimini yavaş ve acı verici hale getirebilir." – Guy Podjarny, Oreilly'de

"Beyne iletilen bilgilerin %90'ının görsel olduğunu biliyor muydunuz? Beyin ayrıca görselleri metinden 60.000 kat daha hızlı işler ve araştırmalar insanların %40'ının görüntülere düz metinlerden daha iyi yanıt verdiğini göstermiştir," diyor shiftelearning.com **** Bu, pazar nişinizi araştırmak için zaman ayırmaya değer bir yatırım olduğu anlamına geliyor. hangi görüntü türlerinin kullanıcılarla bağlantı kurduğunu anlamak. Resim boyutlarınız ve işaretlemeniz optimize edildikten sonra bir resim sitemap.xml gönderin. Google, sayfa URL'lerinin yanı sıra resimlerinizi de dizine ekleyebilir .

Google, Gerçek, Güvenilir Bilgileri Vurgulamak İçin Bazı Görselleri Nasıl Kullanıyor?

JSON-LD ve görselleriniz markanızın görünürlüğünü ve EAT'sini oluşturmak için nasıl çalışıyor?

“Fotoğraflar ve videolar, insanların dünyada neler olup bittiğini anlamalarına yardımcı olmanın inanılmaz bir yolu. Ancak görsel medyanın gücünün tuzakları vardır - özellikle de bir görüntünün kökenini, gerçekliğini veya bağlamını çevreleyen sorular olduğunda. Bugünden itibaren, insanların bu sorunlarda gezinmelerine ve web'de gördükleri hakkında daha bilinçli kararlar vermelerine yardımcı olmak için Google Görseller'deki doğruluk kontrolü bilgilerini küresel olarak ortaya çıkarıyoruz. Bu, insanların yılda milyarlarca kez karşılaştığı Arama ve Haberler'deki doğruluk kontrolü özelliklerini temel alır.

Artık Google Görseller'de arama yaptığınızda, küçük resim sonuçlarının altında bir "Doğruluk Kontrolü" etiketi görebilirsiniz. Resmi daha büyük bir biçimde görüntülemek için bu sonuçlardan birine dokunduğunuzda, alttaki web sayfasında görünen doğruluk kontrolünün bir özetini görürsünüz. Bu etiketler hem belirli görsellerle ilgili doğruluk kontrolü makaleleri için hem de haberde bir görsel içeren doğruluk kontrolü makaleleri için görünebilir.” - Google

Google ayrıca “bu etiketin Google Görseller sonuçlarına eklenmesi sıralamayı etkilemez; sistemlerimiz, mevcut en alakalı, güvenilir bilgileri ortaya çıkarmak için tasarlanmıştır.” Google'ın Ürün Müdürü Harris Cohenm, 22 Temmuz 2020'de yayınlanan Google Görseller'e doğruluk kontrolü bilgilerini getirme makalesinde, insanların çevrimiçi olarak karşılaştıkları görseller de dahil olmak üzere, buldukları bilgilerle ilgili kritik bağlama erişmelerini sağlama niyetinden bahsediyor. .

Geçerli resim boyutunun kullanılmasını sağlamak için Minneapolis işletmeleriyle birlikte çalışan ve organik aramayı, mobil öncelikli dünya için arama motoru optimizasyonunu ve çevrimiçi rekabet avantajı şansını geliştirmek için hatasız koda sahip olan Hill Web Creations'ın kurucusu Jeannie Hill ile ortak olun . Google'ın SEO yönergelerindeki güncellemeleri bilmek ve bunlara uymak için sürekli tetikte olun .
Metro bölgesi ve ötesine dijital pazarlama hizmetleri sağladığım Minneapolis , Minnesota'da ikamet etmekten keyif alıyorum.

Özet

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. Tebrikler! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/