SEO'nun başlık öğelerinde <i> kullanması kötü bir uygulama mıdır?


11

Kullanıcı dostu bir web sitesi yapmak için, bunun <h>gibi öğelerde Font Awesome yazı tiplerinden bazılarını kullanmalıyım :

<h2>
<i style="color: rgb(102, 149, 45); vertical-align: inherit;" class="fa fa-gear"></i>
 Performance
</h2>

Aslında, bu bir inceleme makalesi. Bu yazı tiplerini (veya koymak Tamam mı <i>gibi başlık elemanlarının iç HTML elemanları) <h1>, <h2>, <h3>vs.?

Lütfen kaynağınızı veya bazı belgeleri de sağlayın, çünkü bu benim için gerçekten önemli; Bu konuda herhangi bir hata yapmak istemiyorum.


3
<span>FontAwesome için kullanmak daha iyidir, <i>Using kullanarak aptalca <h2><span class="fa fa-gear"> </span></h2>da işe yarayacak.
Simon Hayter

Yanıtlar:


11

Çok fazla zarar vermeyeceğini söylerim, hiçbir şey eklemez. Üstbilgi etiketlerimi temiz tutmayı tercih ediyorum ve i. Satır içi stil, daha büyük bir sorun olurdu, bu gerçekten büyük bir sorun değildir.

Bunu yapmak yerine, dişli simgesini doğrudan H2'ye ekleyebilirsiniz:

h2.Geared:before{
    display: inline-block;
    color: rgb(102, 149, 45); 
    font-family: "FontAwesome";
    content: "\f013"; /*The actual character FontAwesome uses */
}

<h2 class="Geared">This text will have the gear</h2>

3
Kullanıcı gerçekten HTML'sini şişirmemeli CSS kullanmalıdır. Üstbilgi etiketini şekillendirmek kalp yanmasına neden olmaz, şişirilmiş HTML olur.
closetnoc

1
Bir dereceye kadar katılmıyorum. Çünkü ikiniz de HTML'yi azaltmanız, sonra da CSS'yi artırmanız, aslında azalmanızdan daha fazla artmanız gerçeğini göz ardı ettiniz. Çok daha az bayt tüketmek için yapıyorsanız o zaman SASS kullanın ve CSS'de tekil bir çizgi kullanın: .h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}Ayrıca, <h2>Title <span class="fa fa-gear"> <span></h2>tamamen geçerli kullanarak yanlış bir şey olmaz ve en ufak SEO'ya zarar vermez.
Simon Hayter

Sınıf adı kötü seçilmiş olsa da, tüm css'nizi değiştirmeden dişliyi başka bir simgeye kolayca değiştirebilirsiniz. Görünümü bir stil sayfasına yerleştirecek olan css ile değiştirebilirsiniz. Buit Önerinizi kabul ediyorum, ya IMO kötü değil.
Martijn

Html ve css'nin sass kullanılarak azaltılabileceğini önermek saçmadır. Sass css'e genişler, bu yüzden sadece yazarak bant genişliğinden tasarruf etmez. Bu değerli, elbette ama eldeki tartışma ile ilgili değil.
Nate

6

Google, bu günlerde hangi etiketleri kullandığınıza neredeyse hiç dikkat etmiyor. Google, sayfanın kullanıcılara nasıl göründüğüne önem verir. Hangi metnin büyük olduğu umurunda. Hangi metnin öne çıktığı önemli. Hangi metnin gizlendiğiyle ilgilenir. Son SEO testleri, <div>başlık gibi görünecek şekilde tasarlanmış bir <h1>etiketi kullanmakla Google açısından bir etiketi kullanmak arasında hiçbir fark olmadığını göstermiştir .

CSS kullanmak yerine italik için etiketleri kullanma konusunda kaşlarını çattım. Anlambilimi ve sunumu karıştırır. Ancak, bir SEO açısından bakıldığında, olumsuz ya da olumlu sonuçlar olmamalıdır.


Cevap bu. <i> standart bir HTML öğesidir ve ASLA SEO'nuzu etkilemez. Buna ek olarak, CSS stili, içeriği gizlemek için kullanılması dışında SEO'yu ASLA etkilemez. En önemli anahtar DAİMA içerik, içerik, içerik olacaktır.
Rob

-1

Evet, bu kötü bir fikir. Net ifade <h>etiketleri kullanın , bu Google'ın kurallarından biridir.


2
Bu cevap yanlış
John Conde

1
Bir <h>etiket duymadım, Google’ın kullanımları için kurallar üzerinden koştum. Bazı belgelere bağlantı verebilir misiniz?
Stephen Ostermiller
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.