Bu görüntü tembel SEO için yükleme için iyi bir yaklaşım mı?

14

AJAX yüklenen görüntüler için, ya da ben o yok endeksli istiyorum, veriye * nitelik yaklaşımı kullanın:

<img data-src="path/to/image.jpg" class="js-lazy-load" />

Javascript haritalar data-src özniteliği src özniteliği:

<img src="path/to/image.jpg" />

Ama HTML görüntüler için bunu yapmak endeksli istiyorum:

<a href="path/to/image.jpg" class="js-lazy-load">Image alt text here</a>

Javascript, bağlantıyı bir resim etiketi ile değiştirir :

<img src="path/to/image.jpg" alt="Image alt text here" />

Dizin yeteneğini ve sayfanın amacını (erişilebilirlik için) SEO'yu etkilemeden (umarım) koruyacak gibi görünüyor . Ama ikinci bir görüş isterdim.

Düzenleme: Bu yaklaşımın ( resimlere bağlantılar içeren sayfa ve satır içi IMG etiketleriyle ) ilgili herhangi bir geri bildirim, sayfa sıralamasına göre nasıl karşılaştırılacaktır. Ben inline IMG etiketleri daha iyi ücret çünkü onlar giden üretken olurdu rel = "nofollow" olmadığı sürece genel giden sayfa sıralamasından düşecek çünkü daha iyi ücret olacağını tahmin ediyorum.

seo google javascript

— Aeron
kaynak

Giden bağlantılar sayfa sıralamanızdan etkilenmez. Halkla İlişkiler böyle çalışmaz.

— Lèse majesté

Giden bağlantıların toplam sayısı her bağlantının sahip olduğu Halkla İlişkilerden uzaklaşır mı? Peki başlangıçta sayfanın 5 bağlantısı varsa - her biri% 20 PR - ancak bu yaklaşımla 50 olurdu - şimdi her biri% 2 olur mu?

— Aeron

Bu doğru. Geçirilir PR miktarı olduğu sayfadaki bağlantıların sayısına bölünerek, ancak PR heykel nedeniyle nofollowbağlantıları arasında PR bölünürken, bağlantılar artık da dahildir. Bu nedenle, 45 nofollow bağlantınız ve 5 normal bağlantınız olsa bile, 5 normal bağlantının yine de bağlantı suyunun sadece% 2'sini geçmesi gerekir. Google akıllı olsaydı, çözümünüz kullanılabilirlik ve erişilebilirlik için geçerli bir çözüm olduğundan ve PR akışınızı seyrelterek cesaretini kırmamak gerektiğinden, resim bağlantılarına HTML bağlantılarından farklı davranırlardı.

— Lèse majesté

10

Bu iyi bir yaklaşım. Yapabileceğiniz başka bir yaklaşım, <noscript />öğeyi imgGoogle tarafından dizine eklenecek normal etiket sürümünü depolamak ve tembel yükleme sürümünü oluşturmak için JS'yi kullanmaktır.

Alternatif olarak, yer imi ve dizine eklenebilir sayfa durumları oluşturmak için Google'ın hashbang AJAX kurallarını HTML5'in geçmiş API'sı ile birlikte kullanabilirsiniz. Bu, bir tür sahte sayfalama biçimi sağladığı için en çok tercih edilen kaydırma sayfası (ör. En sonsuz kaydırma uygulamalarının ümitsizce ihtiyaç duyduğu bir şey) için özellikle tercih edilir ( :: cough :: Google Images :: cough ::) .

Düzenleme: Bağlantılar görüntüler için yer tutucu olarak kullanılması , sayfadan PR akışının daha fazla bağlantı arasında bölünmesine neden olabilir , ancak nofollowteoride bu görüntü aramalarının bu PR'lerini artıracak olmadıkça PR her zaman korunur .

Bunu istemiyorsanız veya sayfanın JS üyesi olmayan kullanıcılar için incelikle indirilmesini istiyorsanız, karşı rotaya gidebilir ve normal resimlerle başlayabilirsiniz, ancak sayfa yüklemesinde (veya hatta resimlerin özniteliğini değiştirmek için engelleme JS'yi kullanarak) srcresim öğelerini silin ve srcözellikleri tembel yükleme sıranızda depolayın ). Bunu doğru yaparsanız, görüntülerin herhangi biri gerçekten indirilmeye başlamadan önce bunu yapabilirsiniz.

— Krala ihanet
kaynak

2

Bunu görmek isterdim - Google bakmıyor <noscript>ve henüz Firefox'ta resim yüklemeyi engellemenin bir yolunu bulamadım; ikame src( <script>etiketin hemen ardından bir etiketle bile <img>), resmin Firefox'un en son sürümünde indirilmesini engellemiyor gibi görünüyor. Bunu yapmanın başka bir yolunu biliyorsanız, lütfen paylaşın!

— mindplay.dk

@ mindplay.dk: Google, noscriptsnippet'lerde metin kullanmamayı tercih edebilir , ancak okuduğum her şey beni noscriptgenel olarak dizin içeriği yaptığına inanmamı sağlıyor . Ancak, değiştirme konusunda haklısınız src. Orijinal düşüncem, ilk resimden script önce a koymaktı , böylece betik yüklenip yürütülene kadar resimlerin yüklenmesini engelledi. Ancak daha fazla inceleme yapıldığında, görüntüler bu noktada DOM'da görünmeyeceği için bu işe yaramayacaktı. Sen olabilir ana bilgisayara eşzamanlı bağlantı maxing tarafından indirilmesini engellemek, ama bu en bugünlerde pratik.

— Lèse majesté

: Kirli bir hack başkasının öylesine (orada daha uzun sürüm olduğunu spekülatif ayrıştırma ile ilgilenir) gibi JS olmayan imajlar dışarı yorum yapmak JS kullanmaktır ile geldi <script>document.write('<'+'!--');</script><img src=...>. Bunun kabul edilebilir bir yaklaşım olup olmadığına kendiniz karar vermelisiniz.

— Lèse majesté

2

Bu desenle yüklenen resimleri gördüm:

<img data-src="path/to/image.jpg" class="js-lazy-load" />

Google ve Google Görsel Arama tarafından alındıklarında diğerleri de tespit etti. Google artık sayfanızda javascript yürüttüğünden , gerçek resmi src özelliğine yerleştirmeye gerek olmayabilir. Bir src özniteliğinin ihmal edilmesi, görüntünüzün çevresinde gri bir kenarlığa yol açabilir, bu nedenle muhtemelen en iyisi aşağıdaki gibi bir şeyle gitmek olabilir:

<img src="placeholder.gif" data-src="path/to/image.jpg" class="js-lazy-load" alt="Image alt text here" />

Nb. bu, diğer arama motorları için geçerli olmayabilir.

— Willster
kaynak