Yanıtlar:
HTML5 kullanıyorsanız , sadece birini seçin; onlar eşdeğerdir.
HTML5 blok düzeyinde bağlantılara izin veriyor , ancak sizin durumunuzda bunu yapmak için özel bir neden yok, çünkü yalnızca bir blok düzeyinde öğe var. Şahsen, burada yapmazdım çünkü <h1>dışardan etiketin olması kaynak kodda taramayı kolaylaştıracak.
Başka bir şey (XHTML, HTML4, vb.) Ve ikincisi ise sadece yanlış. Geçerli bir kod olmaz ve arama optimizasyonunuz için kötü olan bazı seviyelerde [Herhangi bir suçun gerçekten bir şeyi ne kadar etkilediği konusunda standart sorumluluk reddi ekleyin].
SEO ile ilgili olarak aynılar. (Genellikle blok seviye öğeleri satır içi öğeler içerir ve tersi değil, ilk örneği kullanmanız gerekir ancak SEO'yu etkilemez).
<a><h1></h1></a>. Aksi takdirde, geleneksel desenini kullanın <h1><a></a></h1>. Google her iki yönteme de eşit şekilde dikkat edecektir, ancak bazı tarayıcılar standart olmayan desen UNLESS ile doğru doktipine (HTML5) sahip olduğunuzda güzel bir şekilde oynamayabilir.
Her ikisi de html5'te doğrudur , html satır içi öğelerde blok öğelerine izin verir. Bu aynı zamanda SEO üzerinde hiçbir etkiye sahip değildir, her iki durumda da metnin başlığa sarıldığından, aynı değerde kalmaya devam eder.
Durum 2 ile hrefekin genellikle sayfamın geri kalanıyla aynı çizgide olmadığını görüyorum . Fakat bu, marjlarımı benim ayarlamam gibi olabilir .css. Böylece 1. davayı tercih ederim.
Burada söylenenler çok anlayışlı, hepinize teşekkürler. Şimdi bir adım daha alalım: denklem içine mikro veri ve benzerlerini eklemek.
Diyelim ki elimizde var
<h1 itemprop="name"><a href="http://goldenage.com/maths.html"
itemprop="url">Mathematics in The Muslim Golden Age</a></h1>
ile rekabet
<a href="http://goldenage.com/maths.html" itemprop="url"><h1
itemprop="name">Mathematics in The Muslim Golden Age</h1></a>
Bana göre, 'performans ne olursa olsun', örnek 2 daha mantıklı. Çünkü link hiçbir zaman ismin bir parçası değildir. Fark, innerHTML ile textContent, DOMwise arasındaki farktan kaynaklanır. Ona içHTML'den bakarken, çapa yoluna girer. TextContent bu şekilde olsaydı, etiketler çıkarılırdı. Bu da şu soruyu ortaya koyuyor: innerHTML veya textContent.
Bu yüzden, mikro verileri dikkate alarak, dışarıdaki çapanın daha saf olduğunu söyleyeceğim.
dayalı: http://thenewcode.com/617/How-To-Add-Microdata-To-Your-Blog
SEO seviyelerinde blok seviyesi bağlantılardan kaçınılmalıdır - atın ağzından: https://www.seroundtable.com/block-level-links-google-seo-16369.html
Güncelleme: Bağlantıdan Paket Al ...
Her ikisinin de bağlantı yapısına sahip olması, diğerlerinin de söylediği gibi, bağlantı için uygundur. Ancak, SEO amaçları için, Google’ın çapayı daha iyi yorumlayabilmesi ve uygun olanı atayabilmesi için çapa metnini temiz tutmalısınız.
John Mueller (Google'da Web Yöneticisi Trend Analisti) şöyle devam ediyor:
Bu kullanım bizim için iyi olur (Google) - biz hala bağlantıyı seçerdik ve metninizi bununla bir çapa olarak ilişkilendirebilirdik. HTML'yi ayrıştırma konusunda oldukça esnekiz, bu nedenle muhtemelen bunu HTML4 ile de kullanabilirsiniz. Bununla birlikte, bağlantı metninizi ne kadar net hale getirirseniz, bağlantının içeriğini anlamak bizim için o kadar kolay olur, bu yüzden mutlaka tüm iç bağlantılarınız için bağlantı olarak her zaman bir paragraf kullanmak zorunda kalmam.
TL; DR SEO için blok düzeyinde bağlantı kullanmayın.
Eğer amaç link içinde ilave tıklanabilir elemanlara sahip olmak (resim gibi) ve hala html <5 ile doğrulamaksa, javascript ile her iki şekilde de yapabilirsiniz:
<div onclick="if (this.getElementsByTagName('a')[0]) location=this.getElementsByTagName('a')[0].href;">
<img src="/foo" alt="" />
<h1>
<a href="#">
linked-heading
</a>
</h1>
</div>başka, basitçe:
<h1 onclick="if (this.getElementsByTagName('a')[0]) location=this.getElementsByTagName('a')[0].href;">
<a href="#">
linked-heading
</a>
</h1>cursor:pointerhile tamamlamak için üst öğenin css ekleyin .