Apakah itu praktik buruk bagi SEO untuk menggunakan <i> dalam elemen header?

11

Untuk membuat situs web yang ramah pengguna, saya harus menggunakan beberapa font Font Awesome dalam <h>elemen seperti ini:

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

Bahkan, ini adalah artikel ulasan. Apakah OK untuk menempatkan font ini (atau <i>elemen) dalam HTML batin elemen header seperti <h1>, <h2>, <h3>, dll?

Harap berikan sumber atau dokumentasi Anda juga, karena itu sangat penting bagi saya; Saya tidak ingin membuat kesalahan tentang topik ini.

seo html heading Amirreza Nasiri
sumber
3
Lebih baik menggunakan <span>untuk FontAwesome, menggunakan <i>Menggunakan konyol <h2><span class="fa fa-gear"> </span></h2>akan bekerja dengan baik juga.
Simon Hayter

Jawaban:

11

Saya akan mengatakan itu tidak akan banyak merugikan, juga tidak akan menambahkan apa pun. Saya lebih suka menjaga tag tajuk saya bersih dan tidak akan menambahkan i. Gaya inline akan menjadi masalah yang lebih besar, yang sebenarnya bukan masalah besar.

Alih-alih melakukan ini, Anda dapat menambahkan ikon roda gigi ke H2 secara langsung:

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>
Martijn
sumber
3
Pengguna benar-benar harus menggunakan CSS dan tidak mengasapi HTML mereka. Meskipun menata tag tajuk tidak akan menyebabkan luka bakar, HTML yang kembung akan melakukannya.
closetnoc
1
Saya tidak setuju sampai batas tertentu. Karena Anda berdua mengabaikan fakta bahwa Anda hanya mengurangi HTML tetapi kemudian meningkatkan CSS, sebenarnya Anda meningkatkan lebih dari penurunan. Jika Anda melakukannya untuk mengkonsumsi byte jauh lebih sedikit maka gunakan SASS dan gunakan garis tunggal di CSS seperti: .h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}Juga, tidak akan ada yang salah dengan menggunakan <h2>Title <span class="fa fa-gear"> <span></h2>sepenuhnya valid dan tidak akan membahayakan SEO sedikit pun.
Simon Hayter
Meskipun nama kelas dipilih dengan buruk, Anda dapat dengan mudah mengubah gir ke ikon lain tanpa mengubah semua css Anda. Anda dapat mengubah tampilan dengan css, yang akan menempatkannya dalam lembar gaya. Namun saya setuju dengan saran Anda, juga bukan IMO yang buruk.
Martijn
Menyarankan bahwa html dan css dapat dikurangi dengan menggunakan sass tidak masuk akal. Sass memperluas ke css, sehingga tidak menghemat bandwidth di atasnya, cukup mengetik. Itu berharga, tentu, tetapi tidak terkait dengan diskusi yang sedang berlangsung.
The Nate
6

Google hampir tidak memperhatikan tag mana yang Anda gunakan hari ini. Google peduli tentang bagaimana tampilan halaman bagi pengguna. Itu peduli tentang teks mana yang besar. Itu peduli tentang teks mana yang menonjol. Itu peduli tentang teks mana yang disembunyikan. Tes SEO terbaru telah menunjukkan bahwa tidak ada perbedaan antara menggunakan <div>tag yang ditata agar terlihat seperti heading dan menggunakan <h1>tag sejauh yang menyangkut Google.

Saya tidak suka menggunakan tag untuk huruf miring daripada menggunakan CSS. Ini campuran semantik dan presentasi. Namun, dari sudut pandang SEO, seharusnya tidak ada konsekuensi negatif atau positif.

Stephen Ostermiller
sumber
Ini jawabannya. <i> adalah elemen HTML standar dan tidak akan pernah memengaruhi SEO Anda. Selain itu, gaya CSS tidak akan pernah memengaruhi SEO kecuali jika digunakan untuk menyembunyikan konten. Kunci terpenting adalah SELALU akan menjadi konten, konten, konten.
Rob
-1

Ya itu ide yang buruk. Gunakan <h>tag pernyataan yang jelas , ini adalah salah satu aturan Google.

pengguna6521985
sumber
2
Jawaban ini salah
John Conde
1
Saya belum pernah mendengar tentang <h>tag, apalagi menjalankan lintas aturan dari Google untuk penggunaannya. Bisakah Anda menautkan ke beberapa dokumentasi?
Stephen Ostermiller