Gunakan tag p di dalam tag div untuk teks?

11

Apa yang lebih baik dari segi SEO?

<div class="box1" >
      <p> A bunch of text right here</p>
</div>

atau

<div class"box1" >
A bunch of text right here
</div>

box1 div memiliki banyak css yang diterapkan, jadi untuk membuat teks terlihat seperti / di mana saya ingin saya akan membungkusnya dalam div itu. div ini khususnya hanya memiliki teks. Tetapi untuk keperluan SEO apakah lebih baik menggunakan tag p di dalam div atau hanya menggunakan teks secara langsung di div?

Hasilnya sama (secara visual).

PS: Saya mengerti bahwa ide umumnya adalah bahwa p lebih relevan untuk seo daripada div (atau setidaknya ini yang saya dengar. Tolong perbaiki saya kalau saya salah di sini). Tetapi dalam hal ini teks saya pada halaman ini akan ditampilkan dalam wadah yang berbeda pada layar untuk tampilan yang lebih baik. haruskah saya menggunakan teks di dalam div atau haruskah saya menggunakan teks di dalam tag p dan tag p di dalam div untuk SEO yang lebih baik?

ClawDuda
sumber

Jawaban:

16

Antara dua opsi, tidak ada perbedaan untuk SEO. Omong-omong, pertanyaan Anda bukan tentang SEO tetapi tentang semantik HTML.

Untuk menghormati HTML semantik dan tidak seperti yang Anda pikirkan, yang <p>tag ada untuk menampilkan paragraf teks , bukan teks. Tetapi secara umum, teks ditampilkan dalam halaman melalui paragraf. Itu sebabnya Anda bisa menggunakan <p>tag di dalam <div>elemen HTML tetapi secara semantik, itu bukan kewajiban.

Karena itu, jawaban saya untuk pertanyaan Anda adalah: tidak ada perbedaan untuk SEO, cukup gunakan <p>di dalam <div>elemen jika teks Anda dipotong menjadi paragraf.

Zistoloen
sumber
3
Anda menjawab pertanyaan saya dan saya juga belajar sesuatu yang baru. Terima kasih telah membantu seorang pemula :)
ClawDuda
2
Tidak ada perbedaan untuk SEO atau, lebih tepatnya, tidak ada alasan yang diketahui mengapa pmarkup itu penting. Pertanyaannya adalah tentang SEO. Tidak ada alasan untuk mengajukan pertanyaan tentang "semantik" di sini, dan itu akan menjadi topik yang sangat berkabut; misalnya, HTML5 memiliki ide sendiri p, yang mungkin terlihat agak berbeda dari HTML 4 (dan w3sekolah adalah tentang tempat terburuk untuk berkonsultasi dalam masalah ini, atau lainnya).
Jukka K. Korpela
1
Tolong, gunakan sumber yang lebih baik untuk dokumentasi: sementara w3schools benar dalam hal ini, saya akan berhati-hati untuk membagikan tautan mereka. Saya akan menggunakan ini, dari MDN: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU
1
Oke teman-teman, saya mengubah tautan ke www.w3.org.
Zistoloen
1
Saat w3sekolah salah, jangan tautkan ke mereka. Saat w3schools memperbaikinya, jangan menautkannya. Itu logika yang aneh.
Matt K
2

Pertama, saya akan mengambil semua yang <p>lebih relevan untuk SEO daripada<div> dengan sebutir garam. SEO benar-benar hanya peduli tentang relevansi konten. Memasukkan teks ke dalam <div>atau di dalam <p>bukanlah sesuatu yang harus Anda sesuaikan. Pergi saja ke apa penggunaan alami.

<div>cukup banyak berarti 'ini adalah bagian dari konten' sedangkan <p>'ini adalah paragraf'. Secara pribadi, saya hanya menggunakan <div>karena tidak memiliki format internal di browser apa pun, sementara <p>memiliki beberapa format khusus browser (margin, dll.) Yang dapat membuat segala sesuatu terlihat berbeda tergantung pada browser (kecuali jika Anda menggunakan 'pembersih' CSS). Juga, <p>di dalam <div>menambahkan HTML yang membuat halaman sedikit lebih besar, dan dengan demikian, lebih sedikit halaman akan dirayapi sekaligus per crawler 'sweep'.

Khawatir tentang konten, tidak begitu banyak tentang cara menulis HTML sehingga mesin pencari 'suka'.

Rodolfo
sumber
2

Sepengetahuan saya itu penting, karena alasan yang sangat sederhana:

Div adalah kependekan dari pembagian, hanya sebagian / blok pada situs web Anda, di mana paragraf dirancang untuk teks. Dalam sesuatu seperti artikel berita, kalimat pertama paragraf itu penting (setidaknya dalam bahasa Belanda). Ini memiliki informasi penting tentang apa paragraf itu (pikirkan saja, setiap kali Anda memulai sub-subjek baru, Anda membuat paragraf baru di mana kalimat pertama itu penting).

Saya pernah mengikuti kursus Google, di mana 'pakar' memberi tahu kami tentang prinsip ini dan bahwa Google trik yang sama (Lihat, kalimat pertama paragraf baru adalah penting). Dengan itu di belakang pikiran Anda, itu berbeda jika Anda menggunakan divatau p. Apakah akan menambah / mengurangi pagerank Anda sebesar 8? Tidak. Tapi iblis ada dalam rinciannya.

Juga, Anda mendapatkan poin untuk menggunakan html sementik. Menggunakan P's untuk paragraf akan membantu prinsip ini.


Dalam contoh Anda, Anda melewatkan 3, dan IMO solusi yang tepat:

<p class="box1"> A bunch of text right here</p>

Anda menghapus div dan memberikan kelas ke paragraf. Tidak masalah bagaimana Anda menggunakan html Anda. Elemen yang tidak dibutuhkan akan membuat halaman melambat (er), yang memengaruhi PR.

Martijn
sumber
1

Penggunaan masalah p tag! Terlepas dari kesempatan lain, saya telah melihat bahwa ketika tidak ada deskripsi meta untuk halaman dan Google membuat satu secara default, ia menggunakan elemen apa pun yang lebih mirip teks.

Contoh: Saya punya halaman, dalam tiga bahasa (tiga domain berbeda) dengan hanya judul meta. Di hasil pencarian Google, deskripsi meta adalah alfabet navigasi yang saya gunakan untuk kategori pada halaman itu, bukan teks di atas! (alfabet ada di dalam tag h2 untuk keperluan styling font). Saya memasukkan teks di dalam tag p, pergi ke Google Search Console, diminta untuk mengindeks URL dan saat berikutnya saya memeriksa hasil pencarian Google saya bisa melihat 2 baris pertama dari teks saya (di ketiga domain). Tanpa menambahkan deskripsi meta.

PS Jika halaman rusak, teks akan tetap ditampilkan jika ada di dalam tag ap. Kalau tidak ... kekacauan.

Percayalah kepadaku; Saya telah belajar dari kesalahan saya.

Leonidas Lainis
sumber
0

Tidak ada perbedaan dari perspektif SEO. Namun, semantik & kinerja HTML harus dipertimbangkan. Tag HTML yang tidak perlu juga memengaruhi kinerja.

Sachin Dhir
sumber
Harap perhatikan posting jawaban dengan informasi tambahan sehubungan dengan ini sudah disebutkan dalam jawaban lain.
Zistoloen
0

Sama sekali tidak ada perbedaan dari perspektif SEO. Keduanya sama! Cara fungsi halaman SEO adalah bahwa mereka akan memberikan prioritas lebih pada tag seperti h1, h2 ..etc. 'div's hanyalah elemen tingkat blok yang digunakan untuk tujuan HTMLisasi. Ini tidak memberikan kontribusi untuk optimasi SEO.

Dari sudut pandang semantik, penting untuk menghindari gangguan seperti itu yang dapat menghambat pemrosesan DOM oleh browser.

Ritumoni Sharma
sumber
-3

Umumnya, SEO memberikan pentingnya hanya untuk tag header ( <h1>, <h2>, <h3>, <h4>, <h5>dan <h6>). Jadi tidak perlu khawatir <p>dan <div>tag.

Nathan
sumber
1
Saya pikir Anda perlu memoles pengetahuan SEO Anda, sepertinya Anda membuang banyak poin (mudah) :)
Martijn