Google Görsel Yönergeleri, AMP Kuralları ve Yapılandırılmış Veri Resimleri

Yeni Google Görsel Yönergeleri, AMP Kuralları ve Yapılandırılmış Veri Görsellerinin Eklenmesi

Son Güncelleme Ağustos 28, 2020

Görsel aramadaki ilerlemeler, görsel içeriğin tüm biçimlerinin yanı sıra görsellerin bir siteye nasıl eklendiğini şekillendiriyor.

Tüm reklamların temel amacı, onu görüntüleyen kişinin sunulan ürünü veya markayı hızlı bir şekilde tanımasına ve onunla uyum sağlamasına yardımcı olmaktır. Bugün, standart web sitesi resim boyutundan daha fazla dikkate alınması gereken şey var. Google'a göre, yetkili sayfalardan Google Görsel sonuçlarını öne çıkarmaya çalışıyorlar.

Ayrıca, insanlar önce mutlu yüzlerin görüntülerine yönelirler; metin ikinci. Görseller, sonuç odaklı pazarlama için fotoğraf boyutu gereksinimi, görüntü ağırlığı gereksinimleri ve uygun yapılandırılmış veri uygulamasını içeren teknik SEO faktörleriyle birleştirilmelidir. Örneğin, kabul edilebilir tarif şeması için yeni resim boyutu minimum 185 piksel x 185 pikseldir. Site ziyaretçileri resimli sayfaları tercih ederken, eskiden olmamasına izin veriliyordu. Artık Google, “Her sayfa en az bir resim içermelidir (işaretleme ekleseniz de içermeseniz de)” diyor. Öne çıkan snippet'ler elde etmek istiyorsanız, izlenecek belirli yeni görüntü boyutu önerileriyle birlikte yapılandırılmış bir SEO yaklaşımı gerekir . Yeni Google Görsel Yönergelerine, AMP kurallarına bağlı kalarak ve yapılandırılmış Veri resimleri yerleştirmelerini düzelterek.

Bu makaleyi yazma amacımız, büyük ölçüde Google'ın görsel yönergelerine ve Hızlandırılmış Mobil Sayfalar (AMP) görsel yönergelerine odaklanmaktadır. Bu, bir görselin nasıl seçileceğine ve bir görselin web sitelerinin içeriği ve dijital pazarlama ihtiyaçları için nasıl optimize edileceğine ilişkin ayrıntıları talep eden birçok web yöneticisine ve site sahibine bir yanıttır. Özellikle mobil cihazlara öncelik veren dünyaya yönelik reklamcılıkla ilgili yaygın görsel sorularını yanıtlıyoruz.

Bilinmesi Gereken En Önemli Görüntü Yönergeleri Nelerdir?

* 26 Mayıs 2020 tarihinden itibaren yükseklik 800 piksel ise görseller en az 1200 piksel genişliğinde olmalıdır. Bu bir matematik meselesidir.

* Her sayfanın en az bir resim içermesi gerekir (işaretleme dahil etseniz de etmeseniz 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, anlamlı, gönderiyle ilgili ve dizine eklenebilir olmalıdır.

* Görseller, işaretlenmiş içeriği temsil etmelidir.

* E-Ticaret şeması için JSON-LD uygulaması için görseller BMP, GIF, JPEG, PNG, WebP ve SVG formatında olmalıdır. Geliştiriciler ayrıca görüntüleri Veri URI'leri olarak satır içi olarak kullanabilirler. Veri URI'leri, bir img öğesinin src'sini Base64 kodlu bir dize olarak ayarlayarak görüntü gibi bir dosyayı satır içine dahil etmenin bir yolunu sağlar.

* En iyi sonuçlar için, aşağıdaki en boy oranlarından biriyle 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'ın resim gereksinimlerini ve yönergelerini her zaman güncelleyebileceğini unutmayın. Gerektiğinde döndürmek için çevik bir pazarlama planı tutun. URL denetçisini ve yeni raporları kullanarak Google Search Console Insights'ta AMP resim boyutu hatalarını bulun.

Google ve diğer arama motorlarının görsel aramada genişlemeye devam etme biçimleri, SERP'lerde yer alan ve bir görsel açılır penceresi açan URL geçişine yansıtılır. Önemli Web Verileri raporlarınızda yavaş yükleme, ağır veya yanlış biçimlendirilmiş resimler genellikle sorun yaratır . Sitenizdeki görselleri nasıl kullandığınız, uygun mobil arama sonuçlarınız için önemlidir – bir görselin yüklenmesini isteyen insanları tutmak istemezsiniz. Onları tamamen kaybedebilirsiniz.

Öne Çıkan Görsel Bir Web Sayfasında Nereye Yerleştirilmeli?

Öne çıkan görseli her web sayfasında ilk veya en yükseğe yerleştirin.

24 Eylül 2018'de Google, güveneceği faktör olarak bir web sayfasının yetkisine dayalı olarak fotoğrafları görüntülemek için görsel arama algoritmasını revize ettiğini duyurdu. Veya eski veya yeni içerik, Google'ın resmin sayfadaki yerleşimine nasıl değer verdiğini de etkiler. Bu, bir sayfada daha yükseğe yerleştirdiğiniz görsellere Google tarafından daha fazla değer verildiği anlamına gelir.

SERP ekranlarındaki değişiklikleri izliyorsanız, teknoloji devinin görselleri önemli bir unsur olarak gördüğünü zaten biliyorsunuzdur. Google şunu yazdı:

”Geçen yıl boyunca, sayfada hem harika görsellere hem de harika içeriğe sahip sonuçları sıralamak için Google Görseller algoritmasını elden geçirdik. Yeni başlayanlar için, bir web sayfasının otoritesi artık sıralamada daha önemli bir sinyaldir. Kendin Yap rafları için bir arama yapıyorsanız, resmin arkasındaki sitenin artık Kendin Yap projeleriyle ilgili bir site olma olasılığı daha yüksektir. Ayrıca daha yeni içeriğe öncelik veriyoruz, böylece yakın zamanda güncellenen bir siteyi ziyaret etme olasılığınız daha yüksek olur.

Ayrıca, bir görselin web sayfasını ziyaret ettiğinizde, oraya vardığınızda aradığınız belirli görseli bulmanın zor olabileceği uzun zaman önce değildi. Artık görselin sayfanın merkezinde ve sayfanın yukarısında yer aldığı sitelere öncelik veriyoruz. Bu nedenle, belirli bir çift ayakkabı satın almak istiyorsanız, söz konusu ayakkabıya ayrılmış bir ürün sayfasına, örneğin çeşitli ayakkabı stillerini gösteren bir kategori sayfasına yukarıda öncelik verilecektir.”

İş Dünyanızın Hakkındaki Noktaya Ulaşan Görsel Pazarlama

Görüntüler iş büyümesini desteklemeye nasıl yardımcı olur?

Düşük kaliteli görseller markanıza kötü yansır. Kaliteli görseller, tüketiciye markanızın kişisel ve güvenilir olduğunu iletir. Akıllıca kullanıldığında, görseller web sitenize önemli sayıda ziyaretçi çekebilir. Etkileyici görseller, sosyal paylaşımları ve marka etkileşimini teşvik eder ve nihayetinde iş hedeflerinize ulaşmanıza yardımcı olur.

Güçlü bir görselleştirmeyle sonuçlanan görüntü çalışması, site ziyaretçilerinin işletmeniz ve ürünlerinizle özdeşleşmelerine yardımcı olur. Alakalı, heyecan verici, duygusal açıdan çekici görüntüler, ticari büyüme için hayati önem taşıyan medya varlıklarıdır . Bazı dijital pazarlamacılar, görüntülerin duygusal deneyimleri nasıl ürettiğine erişmenin karmaşık ihtiyacının yanı sıra görüntülerin kullanımı için yeni yönergeler ortaya çıktıkça bunun göz korkutucu olduğunu düşünüyor. Online ürün sayfalarınız ve hizmetleriniz için görsel seçimleri aşağıdaki bilgilerle başlayabilir; sizi kötü seçimler yapmaktan koruyacak ve uzun vadede zamandan, para cezasından veya şema ürün işaretleme cezasından tasarruf etmenizi sağlayacaktır.

Doğru kurumsal imajı oluşturmak için çok çalıştığınızı ve şimdi kurumsal imajınızı kullanarak markanızın görünürlüğünü ve gelirini artırmak istediğinizi varsayalım. Daha önce bunun farkında değilseniz, en son görüntü özellikleri, kuralları ve uyarıları hakkında güncel bilgiler edinmenin zamanı geldi. Arama sonuçlarınızı artırmak için yüzlerce 5 yıldızlı sağlık hizmeti incelemesi almış olabilirsiniz, ancak yine de sıkı çalışan görsellere ihtiyacınız var.

Google, Google Görseller için IPTC Meta Veri Desteğinde Rolls

"Google, fotoğraf endüstrisi konsorsiyumu CEPIC ve haber medyası için küresel teknik standartlar kuruluşu olan IPTC arasındaki işbirliğinin bir parçası olarak, artık Google Görseller'de haklarla ilgili resim meta verilerine erişebilirsiniz." - Google*******

Bu nedenle, 27 Eylül 2018 itibariyle Google, "Google Görseller'deki resimlere her mevcut olduğunda Oluşturucu ve Kredi meta verileri ekledi". Ayrıca gelecekte bir Telif Hakkı Bildirimi meta verilerinin mevcut olacağını belirttiler.

Google AdWords Reklamcılığı için Resim Spesifikasyonları

Resim reklamlar, yaygın olarak kullanılanlar arasında alışveriş yapanların dikkatini çeker. Doğru resim, yaklaşık 2 milyon web sitesi ve uygulamadan oluşan Google'ın geniş Görüntülü Reklam Ağı'nda belirlediğiniz hedef tarafından görüntülenebilir. Yani resimlerinizin hem yakından harika görünmesini hem de hızlı yüklenmesini istiyorsunuz.

Bu görüntü kullanım senaryosunda hem boyut hem de ağırlık özellikleri vardır. AdWords hesap yöneticileri , AdWords Editör aracılığıyla çok sayıda belirtilen resim boyutundan resim reklamlar yükleyebilir. Şu anda, tüm AdWords resim reklamları için resim boyutu sınırı 150 kilobayttır. Bugüne kadar, Words Editor, yüksek çözünürlüklü görüntüleme cihazları için çift boyutlu resimleri (örneğin, 512 x 45 reklam alanı için 1024 x 90 resim) desteklememiştir.

Bazen, reklam grafiklerini yapmak için birini görevlendirmek yerine, Google görüntülü reklam boyutları için görseller tasarlamayı tercih eden bir ekiple çalışıyoruz. Bu durumda, grafik tasarımcıya verilecek net talimatlar, nihai ürünün JPEG, SWF, PNG veya GIF formatlarında olması gerektiğine dair bir bildirim içermelidir. Şu anda, bunlar PPC reklamcılığı için kabul edilebilir tek biçimlerdir.

Reklamlarınızın mobil cihazlarda nasıl görüntülendiğini unutmayın ve işe çoğu kullanıcının tıkladığı banner resim biçimleriyle başlayın. Bazı gereksinimler, Resim yer paylaşımlı reklamlar ve HTML5 reklamlar için de geçerlidir. PPC uzmanınız hangi görüntü özelliklerinin gerekli olduğunu ve hangilerinin A/B testinin mobil etkileşimin görüntü içeriğinden nasıl etkilendiğini gösterdiğini bilecektir.

Resimler, resim uzantıları kullanılırken belirli bir reklam grubunda bulunan tüm anahtar kelimeleri ve reklamları temsil etmelidir. Ayrıca, ürün resimleri dönüştürülebilecek kadar yüksek kalitede olmalıdır.

UYARI: İşletmeler, kullanıcıları koruduğunu düşünürlerse Google'ın yanlış beyan uyarısıyla karşılaşabilirler. Metin içeren görseller uyumlu olmalıdır. Google reklamcılık platformu, "İlgili bilgileri hariç tutarak veya ürünler, hizmetler veya işletmeler hakkında yanıltıcı bilgiler vererek kullanıcıları aldatmayı amaçlayan reklamlara veya hedeflere izin vermiyoruz", diyor **********.

Mümkün olduğunda, resim URL'lerinizi ilk seferde doğru adlandırın.

"Gömülü resimlerle ilgili olarak URL'lerde değişiklikler görürsek, o zaman bu, önce bu resimleri yeniden taramamız, yeniden işlememiz, yeniden dizine eklememiz ve hepsini yeniden resim araması için hazırlamamız gereken bir şeydir." – Google'dan John Mueller

AMP Sayfaları için Resim Yönergeleri

AMP açılış sayfaları , hem medya sorgularını hem de öğe sorgularını destekledikleri için daha gelişmiştir. Sadece bu değil, aynı zamanda resimler gibi tek tek öğelerin düzenini kontrol edebilen benzersiz bir yerleşik işlemle birlikte gelir. Google artık web yöneticilerini resimlerin en boy oranı açısından düşünmeye teşvik ediyor. En boy oranı, belirli bir görüntünün genişliği ve yüksekliği arasındaki orantısal ilişkidir. Genellikle x ile ayrılmış iki sayı olarak belirtilir; örneğin, 16 x 9 veya 4 x 3 En-boy oranlarını kullanarak fotoğrafları ayarladığınızda, görüntünün çözünürlüğünü olduğu gibi tutarsınız.

Sayfalarınızın ve yayınlarınızın AMP sürümleri için duyarlı resimler

AMP'deki duyarlı görüntüler için "genişlik ve yüksekliğin amp-img'nin tam genişlik ve yüksekliğiyle eşleşmesi gerekmez; bu değerlerin yalnızca aynı en boy oranında sonuçlanması gerekir. Örneğin, genişlik=”900″ ve yükseklik=”675″ belirtmek yerine, belgelerine göre genişlik=”1.33″ ve yükseklik=”1″ belirtebilirsiniz. Kendi benzersiz görüntülerinizi elde etmesi için profesyonel bir fotoğrafçı tuttuysanız, bunları çevrimiçi kullanırken esnekliğe sahip olduğunuzdan emin olun. Bu, fotoğrafçının onları kırpmak isteyip istemediğiyle ilgili değil; resmin kırpılması gerekip gerekmediği ile ilgilidir.

AMP düzeni kurulumu, bir görüntünün en boy oranının, görüntüyü getirme ihtiyacından önce gelmesini gerektirir; ancak, görüntünün boyutlarının bilinmediği durumlarda, gerekli görüntü en boy oranlarını korumak için AMP'nin dolgu düzenini nesneye uygun CSS özelliğiyle birleştirin. Retinaya hazır görüntüler için srcset özniteliğini ekleyin. X, cihazın piksel oranını temsil eder. Ardından, 2px oranına sahip cihazlarda 2x görüntü oluşturulacaktır.

Amphtml'ye dayanan basit bir amp- amphtml sabit bir genişlik ve yükseklik verilecektir. Küçük bir cihazda daha büyük bir görüntü kullanırken, bu görüntünün bir kısmı ekran dışında görsel olacaktır. AMP Ready sitesi, resimlerin nasıl ölçekleneceğine dair örnekler sunar ve AMP düzen yöneticisi, bunun işini kolaylaştırır. AMP dikkate alınmadan, maksimum genişlik %100'e ve otomatik yüksekliğe ayarlanabilir, böylece görüntü alanı çok küçük olana kadar orijinal görüntü boyutu kullanılır. Daha sonra grafik, daha küçük ekranlar için orantılı olarak küçültülür. AMP, resimleriniz için ek bir düşünce süreci gerektirir.

AMP HTML çalışma zamanı, görüntüleme alanı konumunu, sistem kaynaklarını, bant genişliği gücünü ve ek faktörleri belirleyerek kaynak yüklemeyi ne zaman ertelemenin veya önceliklendirmenin en iyi olduğunu bilerek, görüntü kaynaklarını yönetmede süper verimlidir. Animasyonlu GIF resimlerini de oynatabilir

Resimleriniz, onlara verdiğiniz belirtilen sabit yükseklik ve genişlikte görüntülenebilir. Asgari olarak, açık bir genişlik ve yükseklik dahil edilmelidir. Çeşitli boyutlar eklemek bir artıdır. Ardından layout="responsive" ekleyerek onları duyarlı hale getirirsiniz. <amp-img> JavaScript koduna bağlı olduğundan, kullanıcı komut dosyalarını devre dışı bırakmayı seçerse resimleriniz görüntülenmez. Bu senaryo için, <img> ve <noscript> ekleyerek görüntüye bir geri dönüş sağlamanıza izin verilir. Firebase'in örneklerine bakın.

“AMP-IMG, resimler için AMP HTML'nin yerini alıyor. AMP IMG oldukça akıllı bir etikettir. Amp javascript çalışma zamanı, bağlantıya, görünüm alanına, sistem kaynaklarına veya diğer faktörlere dayalı olarak görüntülere öncelik verir. Çoğu resim tembel yüklenir. Bu, görüntülerin yalnızca görünüme kaydırıldıklarında yükleneceği anlamına gelir.” – ampready.com

"AMP sayfaları genellikle bir AMP Önbelleğinden sunulduğundan, kendi Service Worker'ınız çalışamayacağından, o ilk tıklamada en büyük Aşamalı Web Uygulaması avantajlarını elde edemezsiniz. Öte yandan, platformlar AMP sayfalarını güvenli ve ucuz bir şekilde önceden oluşturabileceğinden (resim açısından zengin) bir Aşamalı Web Uygulaması asla ilk tıklamada AMP kadar hızlı olamaz.” – Smashing Dergisi********

AMP Logo Gereksinimleri

Fotoğraf dosyaları .jpg, .png veya .gif gibi raster olarak yüklenmelidir; .svg logo görüntüleri gibi vektörlere izin verilmez.

Logoda animasyona izin verilmemektedir.

Tam bir marka logosu veya bir simge logosu versiyonu da değildir.

Grafik okunaklı olmalı ve beyaz veya açık renkli bir arka planda olmalıdır. Siyah arka plan yok.

Logo boyutu bir dikdörtgen olmalıdır, Google İşletme Listenizdeki gibi diğer kullanımlar için kare sürümünüzü kaydedin.

AMP logonuz 60x600 piksellik bir dikdörtgenin içine sığmalıdır. AMP HTML topluluğu, tam olarak 60 piksel yüksekliğinde (tercih edilen) veya tam olarak 600 piksel genişliğinde olmasını önerir. 450x45px'lik bir logo örneğinin, 600x60px'lik bir dikdörtgene sığmasına bakılmaksızın kabul edilemez olacağını belirtir.

WordPress için AMP eklentisini kullanıyorsanız, AMP logonuzu belirttiğinizden emin olun. Bunu yapmazsanız, AMP sayfalarınızda yapılandırılmış veri uygulama hataları alabilirsiniz, çünkü bunlar şu anda Makale şemasını genellikle Blog Gönderisi şemasına dönüştürürler.

AMP-Carousel Kullanan Mobil Resim Galerileri

Birçoğu, Hızlandırılmış Mobil Sayfalarda resim galerisi sayfa öğelerinin büyük ölçüde sınırlı olduğuna dair söylentiler duymuştur. Amp-carousel bileşeni resim galerileri için ideal olabileceğinden, bu durum çürütülmelidir - yalnızca belirli beceriler gerektirir. Döngü, önceden belirtilmesi için yükseklik özniteliğine ihtiyaç duyar. Görüntülenen resimler ve başlıklar farklı boyut ve uzunluklarda gönderiliyorsa bu zor olabilir. AMP geliştiricileri bu sorunu çözmek için çok çalıştı.

AMP görüntü döngüsü için doğru kurulum şunları içerir:

• amp-fit-text bileşenini kullanarak.
• atlıkarınca bileşenini sayfanın başlığına içe aktarma.
• amp-selektör bileşeninin nasıl kullanılacağına dair bilgi.
• amp-bind bileşenini entegre etme.
• stil güncellemelerini almak istediğinizde standart CSS ile amp-image-lightbox bileşeninden yararlanın.

AMP resim galerileri ayrıca, resmin üzerine bindiren resim yazısına sahip olabilir ve resim seçimi için küçük resim resimlerini önizleme olarak kullanabilir.

Aşamalı Web Uygulamaları için AMP Kahraman Görselleri

Sayfanızın ilk ana görseli ve ilgili AMP başlığı önceden oluşturulabilir, böylece site ziyaretçileri, ekranın üst kısmında yer alarak içeriğinizi anında görebilir. Web geliştirme topluluğunu takip ediyorsanız, ilerici web uygulamaları (PWA'lar) içeren AMP hakkında bir şeyler okumuşsunuzdur. Bu, her zamankinden daha zengin ve sürükleyici yerel uygulamalarla rekabet edecek kadar gelişmiş web deneyimlerini tanımlayan ve "Retina", tam ekran görüntüleri kullanan ana terimdir. Mobil bağlantılarda, kullanıcılar ortalama 300 milisaniyelik bir gecikmeyle karşı karşıyadır. Bu, AMP görüntülerinin yüklenmesinin sınırlı bant genişliği veya zayıf sinyal bağlantısı gibi diğer kısıtlamaların üstesinden gelebileceği yerdir.

Kullanıcınız ve zengin içeriğiniz arasındaki gecikmeleri azaltın. GitHub'ın yaratıcı ortakları, birçok resim öğesi türü uygulama LD JSON örneği sunar.

Gelişmiş işlevsellik vb. için geç yüklenen görüntülerle sunucuda temel bir düzeni önceden oluşturun. Serbest çalışan bir ön uç performans sihirbazı çalıştırmanız veya görevlendirmeniz gerekebileceğini unutmayın. Sabırsız mobil kullanıcılar, uygulamanızı başlatırken istediğiniz tüm görüntüleri gerçekten yüklemek için 1 saniyeden daha kısa bir toplam yükleme performansı bütçesiyle karşı karşıya kalıyor. Yükleme hızı söz konusu olduğunda, etkili SEO için gerçek bir meydan okumadır.

Google Yapılandırılmış Verileri için Resim Spesifikasyonları

Makale ve Haber Makalesi görselleri en az 1200 piksel genişliğinde olmalıdır. Daha iyi bir en boy oranı sağlamak için minimum 1200 piksel genişliğinde ve 800 piksel yüksekliğinde bir resim kullanmanızı öneririz. Dijital pazarlama büyük ölçüde verimlilikle ilgilidir, bu nedenle içeriğinizi şema işaretleme ile daha akıllı hale getirmeyi planlıyorsanız, Google'ın önerilerini göz önünde bulundurarak resimlere hazırlanın. Aksi takdirde, Search Console'unuzda veya SDTT'yi kullanırken bulunan şema uyarısı ileride hatalara dönüşebilir.

Örneğin, sektöre özel şema ve Yerel İşletme JSON-LD kodunuz, logo resminizin bu yılın başlarında belirtilmesi gereksinimini ekledi.

Google, Hızlı Yanıt Kutusu, grafikler veya Google Haberler gibi öne çıkan arama sonuçlarında görüntülenen tüm resimlerinizi bulacağınızı asla garanti etmez. Ancak gereksinimlere sıkı sıkıya bağlı kalmak ve önerilerini takip etmeye çalışmak, grafiklerinizin dahil olma olasılığını artıracaktır.

Harika bir resim seçme konusundaki tüm çalışmalardan sonra, avantajlarının doğru bir şekilde işaretlenmesini isteyeceksiniz.

Örnek: Makaleler → resim için: Bir URL veya temsili resim dosyalarına işaret eden URL'lerin listesi. Görseller en az 160×90 piksel ve en fazla 1920×1080 piksel olmalıdır. Aksi takdirde, bunları arama sonuçları sayfasında görüntüleyemeyiz. Bu özellikte yalnızca doğrudan makaleye ait işaretlenmiş resimler listelenmelidir. Çok sayıda uygulanabilir görsel varsa, hepsini en başta önemli görsellerle birlikte listeleyin. Bir adım daha ileri gidebilir ve Site Denetimi ve Google Analytics Kontrol Listemizi indirebilirsiniz .

Ürün Resimleri için Resim Spesifikasyonlarına Yakından Uyun

Grafik görüntülerin etkinliğini bir düşünün: Camel sigaraları içerseniz “havalı olmanın” cezbedici görüntüsünü hatırlıyor musunuz? Ardından, sigara paketlerinin arka tarafında diş eti/ağız hastalığı veya ağız kanseri gibi risklere ilişkin resimli sağlık uyarıları bulunur. Google Arama, bir sayfanın içeriğini ve resimlerini daha iyi yorumlamaya yöneliktir. Uygun görüntü şeması, bir görüntünün anlamı ve sayfanın konusunu nasıl açıkladığı hakkında açık ipuçları sağlar. Birçok yapılandırılmış veri türü, sayfa içeriğini sınıflandırmaya ve bir kullanıcının sorgusuna en uygun olanı döndürmeye yardımcı olmak için bir sayfanın resimleri hakkında bilgi sağlamayı içerir.

Ürünleri işaretlerken Google, 27 Eylül 2017'de Ürün Arama Google Developers *** sayfasını farklı en boy oranlarında bir dizi görseli tercih ettiğini belirterek güncelledi. "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 50K piksel) sağlayın: 16×9, 4×3 ve 1×1." Ancak resim oranları, Google Haber Kaynağı'nda daha iyi görünme şansına sahip olmak için sayfalarınızdaki ve yayınlarınızdaki resimler için iyi çalışır. Ayrıca, feed'e bağlanacak bir logo resmi de gerektirirler.

“Görüntü taraması, bir makalenin HTML gövdesinde belirtilen schema.org görüntüsünü ve og:image'i dikkate alır. Makalenizin yanındaki küçük resim olmasını istediğiniz resim için, bu seçimi netleştirmek için schema.org veya og: image kullanmanızı öneririz.” - Google*

Yeni Görsel Stereotipleme Yönergeleri Görsel Alıcılar ve Yaratıcılar için Neden Önemli?

Çevrimiçi varlığınız cinsiyetler, yaş aralıkları, etnik çeşitlilik, kişisel tercihler, dini ve siyasi geçmişlerin bir karışımı olan insanları kucaklamaktan bahsediyor mu?

Yıllarca süren pazarlama araştırması, görsellerin bunu yapmanın en verimli ve başarılı yollarından biri olduğunu kanıtlıyor . Bir işletmenin veya markanın gönderilerinde ve ücretli kampanyalarında kullanmayı seçtiği resimler, genellikle çoğu izleyicide en güçlü yankı uyandıran yöndür. Hem daha geniş kitlelere ulaşmak hem de markanızı korumak için , reklamlarda cinsiyet klişeleri ve web sitenizdeki görsellerin kullanımıyla ilgili yeni kurallardan haberdar olmak önemlidir.

Advertising Standards Authority (ASA) ve Committees of Advertising Practice (CAP) tarafından yakın tarihli bir rapor, görüntülerin sıklıkla tasvir ettiği olumsuz toplumsal cinsiyet klişelerine karşı daha sert bir duruş çağrısında bulunuyor. “2015 ve 2016 yılları arasında ASA, kadın ve erkek tasvirleriyle ilgili 1.378 şikayeti değerlendirdi. Web için optimize edilmiş yeni görüntü kurallarının neden birçok kişiye fayda sağladığı hakkında yorum yapan Amelia Tait'e göre, bunlardan 465'i erkeklerin tasviri ile ilgiliydi.

Çalışma ayrıca, sağlıksız bir vücut imajını betimleyen bir resim kullanıldığında tıbbi web sitelerinin reklamlarının sorunlu olabileceği sonucuna varıyor. Bulgular, bir sayfadaki metni okumak için bir arama kutusundaki bir sorguyu tıklayarak hastaların veya kişilerin görsel tıbbi bilgi arama şeklini ortaya koymaktadır.

Nihai rapor "Tanımlar, Algılar ve Zarar" 18 Temmuz 2017'de yayınlandı ve aynı gün Amelia tarafından reklamlarda cinsiyet klişelerine ilişkin yeni kurallar da erkeklere yarar sağlıyor . Rapordan alıntı yaparken, “2019 yılına kadar tüm mobil aramaların yarısından fazlası görsel aramalar olacak” diyor.

Eğilimi doğrulamak için GeoMarketing Yardımcı Editör Lauryn Chamberlain, 25 Temmuz 2017 tarihli Pazarlamacıların Geleceği Hakkında Neler Bilmeleri Gerektiği başlıklı makalesinde "2020 yılına kadar aramaların tahmini yüzde 50'sinin görsellerden ve seslerden geleceğini" belirtiyor. Ara .

Doğru Görsel Boyutları ve Meta Verilerle Erişiminizi Genişletin

Google Haritalar Yerel Paketinde gıpta edilen görünürlüğe dahil olmak için yalnızca boyuta değil ağırlık gibi diğer gereksinimlere de dikkat etmeniz ve meta verileri akıllıca kullanmanız gerekir.

“Facebook reklamları için görsel yönergeleri”, “twitter görsel yönergeleri”, “sosyal medya görsel yönergeleri”, “Amazon ürün görseli gereksinimleri” ve daha fazlası hakkında birçok harika makale zaten var. Buradaki amacımız, Google Arama ve Google Ads için neyin gerekli olduğuna odaklanmaktır.

Bu nedenle, ister JSON-LD gereksinimleri için ister toplumsal cinsiyet sorunlarını korumak için yeni yönergelerin yürürlüğe girmesiyle birlikte, elinizden gelenin en iyisini yapan ve markanızın olumlu yaklaşımını gösteren görseller kullandığınızdan emin olmanız önemlidir. Görseller ayrıca Google Asistan Kartlarını da destekler . Bu, hem toplumdaki değişen görüşlere saygı göstermek hem de yanlış görüntü boyutu veya Meta Veriden kaynaklanabilecek teknik SEO sorunlarını çözmek için çalışır.

Görsellerim Çeşitliliği Yansıtmalı mı?

İlişkili oldukları görsellerle daha geniş bir kitleye ulaşmak için çeşitliliği yansıtın.

Çeşitli aile ve iş dinamiklerini içeren reklamların yüzdesinde gözle görülür bir artış var. Orduda olduğu gibi fiziksel olarak zorlayıcı rollerde yan yana çalışan kadın ve erkeklerin bir görselini sunarlarsa ciltler dolusu konuşabilirler; aynı sporda yer alan erkek ve kadın veya bir etkinlikte etnik olarak farklı bir kalabalık.

Cinsiyet eşitliğini ve bir bireyin neler yapabileceğini veya yapamayacağını tasvir etmek, işletmelerin dijital reklamlarında göstermesi gereken zorunlu mesajlardan biridir. Bu, onlara en son yönergelere bağlı kaldıkları için kredi verilmesine yardımcı olacak ve mevcut pazarlara daha çekici gelen reklamlardan yararlanmalarını sağlayacaktır.

SERP'lerde ve Google Haber Kaynağında Görseller Nasıl Görünüyor?

Bir müşterinin sorusuna cevap vermek için yayınlanmış gönderilerimden birini arıyordum. "Geçerli JSON-LD tepe web kreasyonları için resimler" arama sorgum tonlarca resim yükledi. Bu tür görüntü sonuçları sadece bir şans mı? Hayır. Görsellerinizin iş büyüme stratejilerine nasıl katkıda bulunabileceğini en üst düzeye çıkarmak için planlama gerekir.

Markanızın Bilgi Grafiği , video snippet'leri, haber akışları ve Google'daki diğer zengin snippet'lerde nasıl görüneceğini etkileyebilirseniz işletmeniz daha güçlü bir çevrimiçi varlık kazanabilir. Öne çıkan bir şey, web sitemin renk temasının kullanılan görsellerin seçiminde taşınmasıdır.

Google'ın Gelişen Görsel Kriterlerini ve Önerilerini Aklınızda Bulundurun

Google , Uygulama kampanyalarınız için resim gereksinimlerini nasıl basitleştirdiğini Duyurdu

2020'de daha sonra yürürlüğe girecek olan Google Ads, "yaratıcı sürecinizi daha basit ve verimli hale getirmek için boyut tabanlı resim teknik özelliklerinden oran tabanlı resim özelliklerine geçecektir. Reklamlarınızı uygun Uygulama kampanyaları özellikleri ve biçimleri arasında ölçeklendirmek için yalnızca üç en boy oranında resim yüklemeniz gerekecek:"

Ek olarak, maksimum görüntü dosyası boyutu sınırı yukarı doğru ayarlanır ve 150 KB'den 5 MB'a güncellenir. Bu, daha yüksek kaliteli varlıkları destekler. PPC platformu ayrıca, "Ayrıca, sizin için yaratıcı geliştirmeyi kolaylaştırmak için onaylı dosya formatlarımızı kırpıyoruz, GIF'leri devre dışı bırakıyoruz ve yalnızca .jpg ve .png'yi tutuyoruz" diyor. Yeni imaj karuselleri gün yüzüne çıkıyor ve tüketicilerin ilgilenebilecekleri bir ürünü hızlı bir şekilde tanımlamasına yardımcı oluyor; şema işaretleme, resimleri vurgular ve ürün resimlerinizi ürün karusellerinde almak için yararlı olabilir. Ek olarak, ürün sayfalarınızda anlamsal olarak alakalı kelimeler kullanmak, neyi daha iyi sattığınızı açıklamaya yardımcı olabilir.

Google, en iyi görüntüleri sağlamak için hangi ipuçlarını önerir?

Gereksinimleri karşılayan, yeni müşteriler çeken, tıklamaları, paylaşımları teşvik eden ve işinizin nişini lider olduğunuza ikna eden görsellerin nasıl seçileceğine dair ipuçları:

• Görüntü renkleri logonuzu tamamlamalı ve onunla rekabet etmelidir.
• Çoğu masaüstü uygulaması için boyut yatay olmalıdır.
• Sayfanızın konusunu iyi temsil eden bir resim seçin.
• Kim olduğunuzu yansıtan ve son kullanıcı etkileşimini artıran görüntüler seçin.
• Hedef kitlenize uygun doğru tonu koruyun.
• Seçiminizle marka kişiliğinizi gösterin.
• Görüntü mülkiyet haklarına çok dikkat edin ve uygun krediyi verin.

Temamın Duyarlı Görselleri Yönergelere Uygun mu?

Her site temasının görüntüleri göstermek için bir mekanizması vardır. Her tema geliştiricisi, web sitenizdeki görselleri ve görsel yönergelerindeki değişiklikleri kullanmaya yönelik en iyi uygulamalar konusunda güncel bilgilere sahip değildir. Proaktif olun.

Resimler sitenizin kapasitesini hemen hemen her öğeden daha hızlı tükettiğinden, her tek resim yüklendiğinde kaç resim boyutu varyasyonunun eklendiğini unutmayın. Bilmeniz gereken ilk şey — Medya Kitaplığınıza yüklenen her resim otomatik olarak daha küçük boyutlarda (piksel olarak boyutlar) birkaç kopya (küçük resim) oluşturacaktır, bu varsayılan bir WordPress mekanizmasıdır. Bu tür kopyaların kalitesi, görüntünün orijinal boyutlarına ve ayarlarınıza bağlıdır.

Bir işletme sahibi olarak, kısmen bilgi sahibi olan ve bu bilgiyi uygulayan web tasarımcılarını, dijital pazarlamacıları ve Google Ads uzmanlarını işe alarak yönergelere uymanız nihayetinde size düşer. Örneğin, sizin de haklarınız yokken bir görsele logonuzun filigranını mı eklemelisiniz, tahmin edin kim para cezası ödeyebilir?

Yaratıcı uzmanlar ve web tasarımcıları, çarpıcı görüntüler yaratmayı sever. En yüksek görsel kalitede ve en iyi yükleme süresinde akıllıca daha hafif, daha hızlı, daha çekici görüntüler oluşturmak ve sunmak biraz zor gibi görünebilir. Bugün hala çok az sayıda web tasarımcısı, ek görüntü özelliklerine sahip Hızlandırılmış Mobil Sayfalar oluşturma konusunda güncel durumda. Yüksek değerli web sitesi denetimlerimizde görüntülerin kullanımını nasıl iyileştirebileceğimizi her zaman yakından inceliyoruz.

Görsel Arama için Görsel Optimizasyonu

Daha fazla kullanıcı arama sorgusunu konuşup Google Görsel Arama'yı kullandıkça, Google Görsel Arama için optimizasyon önemlidir.

Yazar Michael Miller'a göre, görsel arama, çevrimiçi aramayı alışveriş yapmak ve çözümler bulmak için her zamankinden daha iyi ve sezgisel bir yol haline getirmek için hem bilgisayar vizyonu hem de perakende şema işaretlemesi tarafından destekleniyor. "Gartner'ın 2018 ve sonrası için En İyi 10 Tahmini" 7 Ekim 2017 makalesi ], sesli arama ile birleştiğinde, bu pazarlama eğiliminin bireylerin bilgi arama, satın alma öncesi bilgi araştırmaları yapma ve yeni ürün ve hizmetler keşfetme biçiminde devrim yarattığını öne sürüyor.

Görsel tahminlerine dikkat etmeye değer çünkü bu, web sitenizde değişiklikleri zorunlu kılacaktır:

* 2019 itibariyle, tüm mobil aramaların yarısından fazlası görsel aramalar veya sesle etkinleştirilecek.

* 2021 yılına kadar, web sitelerini görsel ve sesli aramayı destekleyecek şekilde yeniden tasarlayan erken benimseyen markalar, dijital ticaret gelirlerini yüzde 30 artıracak.

* Photoshop ile kolayca taklit edilen fotoğraflar güven eksikliğine katkıda bulunur. En iyi filmlerin yüzde 90'ından fazlası “yaşını kaybetmiş” aktörleri serbest bırakır.

* Sayfa yükleme hızı daha da önemli olacak ve görüntü seçimini etkileyecek.

Gelişen örüntü tanıma ve makine öğrenimi yöntemleri artık akıllı görüntü arama bağlamında geniş uygulamalara sahiptir. Daha fazla kişi, tam olarak aradıklarını bulmak için Google Gelişmiş Arama'yı kullanıyor. Hem Amazon hem de eBay daha fazla görsel arama için hazırlanıyor. eBay, ürünleri için iki yeni AI destekli görsel arama özelliğini duyururken, Amazon'un artık temel iOS Uygulamasına Görüntü Tanıma özelliği eklendi. Bixby Vision'ın Görsel Arama özelliği, insanların kameralarını herhangi bir nesneye yöneltmelerine ve daha sonra benzer nesneleri çevrimiçi olarak aramalarına olanak tanır****. Resimlerinizin çekilme şansı olmasını istiyorsunuz. İşletmeniz yeni pazarlama verimliliği düzeyleri kazanabilir.

Hem Görüntünün hem de Karşılık Gelen Sayfasının Dizine Alınması Gerekiyor

Mobil arama için sitenizin özelliklerini geliştirmeye çalışırken göz önünde bulundurulması gereken birçok nokta vardır. Görsellerinizin Google Görsel Arama'ya dahil edilebilmesi için, web'de bir yere yerleştirilmiş görsellerinizden daha fazlasını gerektirir, görselin kendisi de dizine eklenebilen bir web sayfasında bulunmalıdır. Gerçek resim veya resmin bulunabileceği eşlik eden sayfa herhangi bir nedenle taranmazsa veya dizine eklenmezse, Google onu resim aramasında görüntülemez.

Google personeli John Mueller, 25 Aralık 2018'de bir Google Web Yöneticisi Yardım etkinliğinde bundan bahsetti. Google Görsel Arama'da bulunan kalıcı bir görselle ilgili şikayeti şu sözlerle yanıtladı:

Web sayfanızın kaldırılmasında beklendiği gibi çalışmayan bir şey olduğundan şüpheleniyorum. Bir görselin Google Görseller'de gösterilebilmesi için hem görselin hem de ilişkili bir açılış sayfasının dizine eklenmesi gerekir. Açılış sayfası kaldırılmışsa (veya kaldırma aracıyla geçici olarak gizlenmişse), resmi de gösteremeyiz. Benim şüphem, dahil olan birden fazla açılış sayfası URL'si olduğu (bazen, sayfaların URL'lerinde küçük farklılıklar olduğu için bunu tespit etmek zor olabilir) ve bunlardan biri kaldırılmış, ancak diğerleri hala dizine eklenmiş durumda. Durum buysa, diğer açılış sayfalarını da kaldırmaya çalışın, bu, resimlerin de gösterilmemesine neden olacaktır (ayrıca daha ileri götürebilir ve bu kendi web sitenizdeyse resim URL'lerini kaldırabilirsiniz). Bazen bu biraz pratik gerektirir, ancak zaten bir sürümü kaldırmış gibisiniz, bu nedenle muhtemelen "sadece" ilgili URL'lere odaklanmanız ve bunları da temizlemeniz gerekir.

Tüketiciler Ürünleri Bulmak İçin Filtre Düğmelerini Kullanabilir

Google Görsel Arama artık genellikle filtre düğmeleri sunuyor. Bunlar, görsel arama sonuçlarının hemen üzerinde görünebilir ve bir kişinin bir sorguyu belirli bir anlama göre hassaslaştırmasına yardımcı olabilir. Örneğin, "kırmızı yüksek topuklu ayakkabılar" için arama yaptığımda, arama amacım hakkında zaten çok şey belirtmiştim. Yine de bana "stiletto", "düğün", "balo", "ucuz" gibi yeni seçim seçenekleri verildi. JSON işaretlemesini ne kadar iyi kullandığınız, ürün resimleriniz hakkında dahil ettiğiniz verileri etkiler.

Google introduced this feature in November 2020. Its intent to help people that Google Images to find products, be inspired orinformed as they search visually.

Image Alt and Title Tag Optimization

First let's define what an alt tag so that all readers have this understanding. From there, both the title and alt tag should (1) useful, (2) descriptive, and (3) relevant. Now for tips and alt text best practices:

The term “alt tag” is a short way to reference what's actually an alt attribute on an img tag. For each and every image that is uploaded to your website, the alt tag should describe what that photo is about. Screen readers for the blind and visually impaired individuals will read out this text and thus make your image accessible. The purpose of alt tags on images is to be helpful to search bots that are trying to match both an image search and a voice search for content that is the best fit. These Alt tags provide vital image context and descriptive information to search engine crawlers.

• When you are adding an image of a specific product, onsite searches that users conduct can better locate the right item if you include both the full product name and the product's product ID in the alt tag. Skip “cutie” phrases and clever acrimony: if a keyword is beneficial when seeking something that is on the image, include it in the alt tag. Image alt attributes for SEO purposes work to describe to search bots details about the image or what the image references to if the image is a link. When the image is a link, the alt attribute functions like keyword anchor text by supplying an understanding of the context of the destination page to search bots. Images can have a lot to do with CRT and conversion rates on mobile .

• For key charts, images and infographics, it is possible to provide Google with additional details about your site's images. Google says, “provide the URL of images we might not otherwise discover, by adding information to a web Sitemap”. One SEO service we offer it to generate, test, and submit sitemaps; we can give you the benefit of a hard-working sitemap. Practical advice is that if you want Google to crawl your web pages and send relevant traffic, then adhere to both their guidelines and recommendations.

• Use engaging website titles: it is the first thing that searchers see because it is the big clickable part of the listing on visible search results pages. It should be able to attract the attention of the searcher. Ideally, the title should provide a compelling reason to click. Includes benefits, value, and clear solutions to one who conducted the search query.

• Limit the length of your image alt text to fewer than 125 characters. One alternative is to use captions, although sometimes we find that currently complicates the correctness of AMP page code. A JAWS screen reader struggles with lengthier alt attributes. It's simply more user-friendly to keep alt attribute length in check.

Google Warning: “Filling alt attributes with keywords (“keyword stuffing”) results in a negative user experience and may cause your site to be perceived as spam. Instead, focus on creating useful, information-rich content that uses keywords appropriately and in context.”

Image Copyright Implications

It is also important to consider the copyright implications of using images found when conducting an online search such as Google Images. Your first assumption should be that all images you may want to use are most likely to be protected by copyright. Not all of them are, but don't use them unless and until you have determined that it is allowed.

Google is a popular search engine that can be used to locate content such as images and photos; many people start a search this way. However, none of the leading search engines is a content depository, and nor a collection of the public domain or copyright-free images. While you may be directed to images and photo stock that fits your search criteria, it is not automatically yours to use.

What is IPTC Image Metadata?

The IPTC Photo Metadata standard is our current widely accepted standard due to its universal approval among photographers, distributors, news sites, archivists, and web developers. “The schema defines metadata structure, properties, and fields so that images are optimally described and easily accessed later”, according to the site.

Metadata is a set of understood data that defines and gives information about other data. It can be useful as an SEO technique to engage people searching for its contents. We find this is more common with images in the form of charts, graphs, and infographics.

Image metadata facilitates the transportation of information with an image file so that other software, hardware, search bots, and end users – regardless of the image format – can use it. ***********

Should you Use a Watermark on your Images?

In this area of image use, there is no “rule”.

As so often is true, it depends on your usage, if you hired a photographer, where you obtained the image from, and other factors. Google says, “people add copyright text, watermarks, or other information to their images. This kind of information won't impact your image's performance in search results, and does help photographers claim credit for their work and deter unknown usage. However, if a feature such as watermarking reduces the user-perceived quality of your image or your image's thumbnail, users may click it less often in search results”.

In our experience, for most purchased images, we leave it off as we didn't create the image; as well, our users, in general, seem to prefer imagery without text or logo overlays. If it is ours because we hired a photographer to showcase our office, products, an act of service, or selves while publicly speaking, etc., we may. If your preference is to use an image watermark, keep its size limited; it shouldn't become a focal point of the image. Also see our Search Marketing FAQs

Avoid watermarked images for your mobile AdWords advertising; let viewers focus only on the product.

Author Jon Fingas addresses this in the US internet providers stop sending piracy warnings article posted on January 28, 2017, and speculated that one reason the imagery pirate streams are becoming more common is due to the burgeoning profession of online media. “The MPAA claims that Americans illegally downloaded 981 million movies and TV shows in 2016,” let alone pictures!

WARNING: The RIAA stated that they believe that habitual image pirates should have to face discipline from their ISPs according to the Digital Millennium Copyright Act. The MPAA admits that it just couldn't handle the volume of “hard-core repeat infringer problem,” by leveraging the media industry's Copyright Alert System.

“For those trying to prevent image theft, the watermark might be a good example of keeping honest people honest. There are so many ways to suck an image off the Web these days that, if someone wants your image, they will find a way to take it. And, if they really want to claim your image as their own, there are ways, some painstaking, to remove watermarks, or one could simply crop out that section of the picture. Ultimately, the watermark offers limited success for theft prevention. If you don't want someone to steal your digital image, the best way to prevent that is to not put it on the Web.” – B&H: The Professionals Source******

Using Infographics as Images

What is the ARIA attribute and how does it work for Infographics?

The ARIA (Accessible Rich Internet Application) attribute is read along with alt text on an image, which also works for a long description. Currently avoiding the longdesc image attribute is most common since it isn't widely recognized as a useful SEO technique. The color contrast should be considered and tested. The Paciello Group offers a great tool**.

Infographics used as an image make it easy to share content. Their popularity continues to resurface regardless of some talk of users' preferring them less. When the Infographic is provided via HTML styled with CSS, Google's cache of the infographic text content of each page is richer. It is possible to offer it within an iframe with indexable text that may be hidden in a CSS clip in the iframe HTML.

Be sure that your graphic designer knows how to create an infographic using indexable text and links created with HTML and CSS. It is important to take every step you can to help get your site indexed faster .

Most of all: Images Should Prompt a Great User Experience

Great image content is one ideal way to increase the traffic to your website. Once you have adhered to the applicable guidelines for images, carefully consider just how each image can improve user interaction by providing value. Understanding the workload of both browsers and search engines makes sense of all this. Adhering to the following image best practices will increase the probability that your images will be returned in users' search results.

Best practices for image implementation on your web pages and posts:

• Image resolution. High-quality prints appeal to individuals using the Internet more than blurry, or images having too low of a resolution. In addition, many social media activists and webmasters prefer to link to a page with a visually appealing image, which can increase visits to your site and your domain authority. Crisp, sharp photos tend to display more favorably in thumbnail versions. This, in turn, means that an image featured in a link in SERPs is more likely to be clicked on by users.

• Reusing images. Seek to avoid using the same image on multiple pages on your site; a unique image for each retail landing page helps those who read it to relate to and remember information. This makes it easier to identify the content when returning to a page. When you do reuse an image, change up the titles and captions to tie in with each page.

• Featured images. In WordPress, featured images may be scaled to fit, so avoid a small image for this use. We recommend a minimum of 700px by 525px at the top of your pages and posts. Not all users scroll to the bottom of a page, particularly a lengthy informative article, which means it is best to place your images above the fold where it can be immediately seen. You can also create a dataset of your featured images and add schema to it.

• Image directories. A web designer who also values SEO will understand the value of structuring site directories so that comparable images are saved together. For example, you might have directory buckets by topic, or for thumbnail-sized images and another bucket for full-size images. Google advises that “if your site contains adult images, we recommend storing these in one or more directories separated from the rest of the images on your site.

• Specify width and height. A web browser is empowered to load your pages faster if it is provided the dimensions of each image in order to wrap non-replaceable elements around them. Specifying these dimensions is even more important for mobile users who consider the first aspect of a great user experience to be not kept waiting.

• Image proximity. Make it easy for your readers to follow the logic of your image selection and its value to the topic. Where it is inserted helps users to relate it to your page's content. “Wherever possible, it's a good idea to make sure that images are placed near the relevant text,” states Google's image publishing guidelines .

• Text in Images Often a great image is considered to be one that tells its own story and lets the reader's eye rest for the need to read text when viewing an image. However, when it is helpful, the WC3 community discusses SCALABLE VECTOR GRAPHICS (SVG) and provides a tool***.

• Give your images personality. As with Written Content, both users and Google live images that reflect personality and uniqueness. Formerly, B2B marketing content and images seemed to demand a trite “professional,” look that today has evolved into being seen as “impersonal, stale, and “less compelling.” Old-school stock photos have become so the norm that many quickly recognize them and label them boring. Use images that convey that you, a human being, are conversing with them. Not only does Google crawl and index web pages , but it also crawls your image URLs too. When someone conducts an image search, it can lead them to your business.

Create a uniform look. Let your readers recognize your brand “look”. Maintain some continuity in how you add images to your website. You don't need to use every size that Google says is permissible. Keeping a common image ratio throughout your site's post can represent a well-put-together business.

• Switch them up. You don't want to bore your return visitors with the same featured image on your home page for months as the seasons go by. Your visuals must evolve according to the manner that your users engage them. Your freshly curated great content deserves the perfect image to accompany and accentuate it. Ensure that your visuals are just as distinctive and authentic as your writing is so you can grow your reader base.

• Use Data Visualizations. Another way to support your opinions and the backbone of your content is to back it up with visuals of charts and tables. Data visualization quickly empowers your readers to understand our data more deeply. When you offer a documented image with a pie chart or bar graph, you helping others make better-informed decisions. They can be beautiful; with a bit of know-how, it is easy to generate your own visual presentation from an excel spreadsheet and color-coded the columns and rows to look beautiful on your web pages. Or credit the source from where you borrowed the image.

Conduct a consumer behavior study to know people's image preferences.

Add Image Optimizations to Your Build and Release Processes

An image snapped with your camera or smartphone often embeds a lot of extra details: camera settings, date, where it was taken, and so on. For some use cases, this data might be critical (such as, a photo-sharing website like Flicker) or provide no benefit at all. Be clear on what you need and consider removing everything else. Eliminating redundant image Metadata can save your tens of kilobytes that slow load time for every image.

Sizi birinin unutmasından ve bir veya daha fazla sayfanın büyük ölçüde engellenmesinden korumak için oluşturma ve yayınlama süreçlerinizde görüntü optimizasyonları oluşturulabilir.

Web sitenizdeki resimler için en uygun ayarları belirlemek, birinin en iyi nasıl değerlendireceğini bilmesini gerektirir:

• Uygulama başına boyut gereksinimleri
• biçim yetenekleri
• kodlanmış veri içeriği
• gereken görüntü kalitesi
• görüntü piksel boyutları
• çeşitli cihazlar için çoklu görüntü dosyaları

Küçük resimler, Kişiler de Soruyor ve Cevap Kutularında görüntülenebildiğinden, resimleri nasıl kullandığınız, Google'ın Yanıt Motoru tarafından dahil edilmek üzere sayılır.

Google'ın Resim Öğesini Kullanma Yönergeleri

Bir Geliştirici Avukatı olan Pete LePagem tarafından Google Developer's Image sayfasında alıntılandığı gibi:

img öğesi güçlüdür; içeriği indirir, kodunu çözer ve oluşturur ve modern tarayıcılar çeşitli görüntü biçimlerini destekler. Cihazlar arasında çalışan görüntüleri dahil etmek, masaüstünden farklı değildir ve iyi bir deneyim oluşturmak için yalnızca birkaç küçük ince ayar gerektirir.

TL; DR

• Görüntülerin kapsayıcıdan yanlışlıkla taşmasını önlemek için göreli boyutları kullanın.
• Cihaz özelliklerine bağlı olarak (sanat yönü olarak da bilinir) farklı görüntüler belirtmek istediğinizde picture öğesini kullanın.
• Farklı yoğunluklar arasından seçim yaparken kullanılacak en iyi görüntü hakkında tarayıcıya ipuçları vermek için img öğesinde srcset ve x tanımlayıcısını kullanın.
• Sayfanızda yalnızca bir veya iki resim varsa ve bunlar sitenizin başka bir yerinde kullanılmıyorsa, dosya isteklerini azaltmak için satır içi resimler kullanmayı düşünün.

Görüntüler için göreli boyutları kullanın

Birçok site denetimi türü vardır, görüntü boyutlarınızı da analiz ettirdiğinizden emin olun.

Görüntülerin yanlışlıkla görüntü alanından taşmasını önlemek için genişlikleri belirlerken göreli birimleri kullanmayı unutmayın. Örneğin, width: 50%; görüntü genişliğinin içeren öğenin %50'si olmasına neden olur (görüntü alanının %50'si veya gerçek piksel boyutunun %50'si değil).

"Veri görselleştirme ve analizi olmadan, yanlış anlamalara ve kaçırılan fırsatlara hepimiz daha yatkınız." – Tablo*****

"Bir resmin en büyük değeri, bizi görmeyi hiç beklemediğimiz şeyleri fark etmeye zorlamasıdır." – John Tukey, 1977

Bir jpeg veya webp görüntü sürümü kullanmak daha mı iyi?

Bir sonraki #image'iniz için bir jpeg veya bir webp sürümü arasında seçim yaparken, tarama bant genişliğini neyin etkilediğini seçin – ancak site ziyaretçisi muhtemelen herhangi bir fark görmeyecektir. Görüntü yükleme süresini yavaşlatmadığı ve onu görmek için beklemek istemedikleri sürece.

Google, Bir Resimle İlgili Gerçekleri Nasıl Sağlar?

Google, aşağıdakileri yaparak görüntüleri yönetir ve gerçek verileri ekler:

• Görüntülerin görsel ve metin sinyallerini değerlendiren Derin Öğrenme ile görüntü ayrıntılarını anlama
• Resmin web sayfasındaki metnin anlaşılmasıyla birleştirmek
• Ardından ilgili Bilgi Grafiği varlıklarına bağlantı oluşturun

Google Lens'i çoğu Android telefonda Google Fotoğraflar içinden ve kişisel Google Asistan hesabınızdan kullanabilirsiniz.

8 Temmuz 2020 tarihli bir duyuruda Google, "Bu haftadan itibaren yeni bir özellik , Google Görseller'de gördükleriniz hakkında hızlı gerçekleri bulmanızı kolaylaştırıyor. ABD'de mobil cihazlarda bir resim aradığınızda, sonuçla ilgili Bilgi Grafiği'ndeki bilgileri görebilirsiniz. Bu bilgiler, Bilgi Grafiği'nin milyarlarca olgudan oluşan veri tabanındaki görüntüyle ilgili insanları, yerleri veya şeyleri içerecek ve konuyu daha fazla keşfetmenize yardımcı olacaktır."

Belirli bir konuya dokunursanız, genişler ve size atıfta bulunduğu kişi, yer veya şeyin kısa bir açıklamasını gösterir; daha sonra daha fazla bilgi edinmek ve keşfetmeniz için ilgili konuları görüntülemek için bir bağlantı ekleyebilir.

Ayrıca insanların bize resim site haritalarının değeri hakkında sorular sorduğunu da görüyoruz.

Bir resim site haritası kullanmalı mıyım?

Görsellerinizin içeriğinizi önemli bir bilgi kaynağı olarak desteklemesini sağlayın, arama motorlarına görselleriniz hakkında ek ayrıntılar sağlamaya yardımcı olur. Bir resim site haritası, resimlerin URL'sini ve diğer faydalı bilgileri sağlamanıza olanak tanır. Görsel site haritaları, etki alanları arası kısıtlamalara uyması gereken normal site haritalarının aksine, diğer etki alanlarından URL'ler kullanabilir. Görüntüleri barındırmak için bir CD (içerik dağıtım ağı) kullanabilirsiniz. Bu durumda, resim tarama hatalarının doğru bir şekilde yayılabilmesi için önce Google Arama Konsolunuzda CDN'nin alan adını doğrulayın.

Doğru Görüntü ile Pazarlama Doları Getirinizi En Üst Düzeye Çıkarın

Kanıtlanmış testler sayesinde, etkili arama motoru pazarlama becerilerimiz, müşterilerinizin ihtiyaçlarına ve hedeflerine özel bir sonraki yerel SEO kampanyanıza öncülük edebilir. Minneapolis dijital pazarlamasında ve ülke genelinde işletmelerin hem "çekici görünmesine" hem de "etkili olmasına" yardımcı olmaktan gurur duyuyoruz. Müşteri davranışı analizimiz, pazarlama kararlarınıza rehberlik edebilir. Yeni müşteriler edinmek, geliri artırmak ve çevrimiçi işinizi büyütmek için kullanılacak en iyi görselleri seçme konusunda rehberliğe ihtiyacınız varsa bizi arayın.

Görüntüleri en iyi şekilde çevrimiçi kullandığınızdan emin olmak için bir ortağa mı ihtiyacınız var? İş hedeflerinizi, pazarınızda neyin işe yaradığını, renk teorisini ve görsel öğelerin sayfa yürütme ve müşteri yolculuğundaki rolünü göz önünde bulunduracağız. Yılların verdiği uzmanlığımızdan faydalanabilirsiniz; yaklaşımımız işe yaradı ve gelir akışlarını yönlendirdi. Aynı başarıyı kendi pazarınızda da yaşayacağınızdan hiç şüphem yok.

“Görüntüler genellikle bir web sayfasında indirilen baytların çoğunu oluşturur ve ayrıca genellikle önemli miktarda görsel alan kaplar. Sonuç olarak, görüntüleri optimize etmek genellikle web siteniz için en büyük bayt tasarruflarından ve performans iyileştirmelerinden bazılarını sağlayabilir: tarayıcının indirmesi gereken daha az bayt, müşterinin bant genişliği için daha az rekabet olur ve tarayıcı daha hızlı indirebilir ve faydalı hale getirebilir ekrandaki içerik.” - İlya Grigorik, Google Fundamentals'ın yazarı

Çevrimiçi fotoğraf kullanımının bu kadar çok Google görsel yönergesi, kuralı ve en iyi uygulaması olduğunu hiç tahmin etmemiş olabilirsiniz. Ne de SEO'nun nelerden oluştuğunun önemli bir yönü değildir. Halihazırda en temel yapılandırılmış veri türlerini uygulayan siteler için, bir Şema Sitesi Denetimi, diğer her şeyle birlikte görüntü şemanızın doğru olduğundan emin olmak için koddaki düzeltmeleri belirleyecektir . Bu aynı zamanda resimlerinizin Google Cevap Kutularında görünme olasılığını da artırır.

651-206-2410'u arayın ve Jeannie Hill'i isteyin . Sitenizi güncel ve uyumlu tutarak sizin için hepsini kapsayabilir ve Tam Teknik SEO Site Denetimimizle resimlerin iyi optimize edilip edilmediğini görebiliriz.

* https://support.google.com/news/publisher/answer/13369

** https://developer.paciellogroup.com/resources/contrastanalyser/

*** https://www.w3.org/Graphics/SVG/

**** https://insights.samsung.com/2017/06/09/4-ways-bixby-vision-uses-image-recognition-technology-to-help-you-work-without-boundaries/

***** https://www.tableau.com/learn/whitepapers/5-en etkili-görselleştirmeler

****** https://www.bhphotovideo.com/explora/amp/photography/tips-and-solutions/pros-and-cons-watermarks-photographs

******* https://www.blog.google/products/search/image-rights-metadata-google-images/

******** https://www.smashingmagazine.com/2016/12/progressive-web-amps/

******** https://developers.google.com/search/docs/data-types/product

********** https://support.google.com/adwordspolicy/answer/6020955

*********** https://iptc.org/standards/photo-metadata/