ใช้แท็ก p ภายในแท็ก div สำหรับข้อความหรือไม่


11

จะดีกว่าในแง่ของ SEO คืออะไร?

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

หรือ

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

box1 div มี css จำนวนมากที่นำมาใช้ดังนั้นเพื่อให้ข้อความดูเหมือน / ที่ฉันต้องการฉันจะตัดมันใน div นั้น div นี้โดยเฉพาะมีข้อความ แต่เพื่อวัตถุประสงค์ในการทำ SEO ดีกว่าหรือไม่ที่จะใช้แท็ก p ภายใน div หรือเพียงแค่ใช้ข้อความใน div โดยตรง

ผลลัพธ์เหมือนกัน (มองเห็น)

PS: ฉันเข้าใจว่าความคิดทั่วไปคือ p มีความเกี่ยวข้องกับ seo มากกว่า div (หรืออย่างน้อยนี่คือสิ่งที่ฉันได้ยินโปรดแก้ไขให้ฉันถ้าฉันผิดที่นี่) แต่ในกรณีนี้ข้อความของฉันในหน้านี้จะแสดงในคอนเทนเนอร์ต่าง ๆ บนหน้าจอเพื่อให้ดูดีขึ้น ฉันควรใช้ข้อความใน div หรือฉันควรใช้ข้อความในแท็ก p และแท็ก p ภายใน div เพื่อ SEO ที่ดีกว่า

คำตอบ:


16

ระหว่างสองตัวเลือกไม่มีความแตกต่างสำหรับ SEO คำถามของคุณไม่เกี่ยวกับ SEO แต่เกี่ยวกับ HTML semantic

ที่จะเคารพความหมายของ HTML และแตกต่างจากที่คุณคิดว่าแท็กที่มีอยู่สำหรับการแสดงย่อหน้าของข้อความไม่ข้อความ แต่โดยทั่วไปข้อความจะปรากฏในหน้าหนึ่งย่อหน้า นั่นเป็นเหตุผลที่คุณสามารถใช้แท็กภายในองค์ประกอบ HTML แต่มีความหมายไม่ใช่ข้อผูกมัด<p><p><div>

ดังนั้นคำตอบสำหรับคำถามของคุณคือ: ไม่มีความแตกต่างสำหรับ SEO เพียงแค่ใช้องค์ประกอบ<p>ภายใน<div>ถ้าข้อความของคุณถูกตัดเป็นย่อหน้า


3
คุณตอบคำถามของฉันและฉันยังได้เรียนรู้สิ่งใหม่ ขอบคุณที่ช่วยมือใหม่ :)
ClawDuda

2
ไม่มีความแตกต่างสำหรับ SEO หรือเพื่อเพิ่มความระมัดระวังไม่มีเหตุผลที่รู้ว่าทำไมpมาร์กอัปจะสำคัญ คำถามคือเกี่ยวกับ SEO ไม่มีเหตุผลที่จะถามคำถามเกี่ยวกับ "ความหมาย" ที่นี่และมันจะเป็นหัวข้อที่มีหมอกมาก เช่น HTML5 มีความคิดเป็นของตัวเองpซึ่งอาจถูกมองว่าแตกต่างจาก HTML 4 (และ w3schools เป็นเรื่องเกี่ยวกับสถานที่ที่เลวร้ายที่สุดในการปรึกษาหารือในเรื่องนี้หรืออื่น ๆ )
Jukka K. Korpela

1
กรุณาใช้แหล่งข้อมูลที่ดีขึ้นสำหรับเอกสาร: ในขณะที่ w3schools ถูกต้องในกรณีนี้ฉันจะระมัดระวังในการแชร์ลิงก์ของพวกเขา ฉันจะใช้สิ่งนี้จาก MDN: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU

1
ตกลงฉันเปลี่ยนลิงค์ไปที่ www.w3.org
Zistoloen

1
เมื่อ w3schools เข้าใจผิดอย่าลิงค์ไปยังพวกเขา เมื่อ w3schools ทำให้ถูกต้องอย่าเชื่อมโยงไปยังพวกเขา นั่นเป็นตรรกะที่แปลก
Matt K

2

ก่อนอื่นฉันจะนำทุกสิ่งที่<p>เกี่ยวข้องกับการทำ SEO มาใช้มากกว่า<div>เกลือเม็ดใหญ่ SEO สนใจเฉพาะเนื้อหาที่เกี่ยวข้องเท่านั้น การใส่ข้อความใน<div>หรือใน<p>ไม่ใช่สิ่งที่คุณควรปรับแต่ง เพียงไปที่การใช้งานตามธรรมชาติคืออะไร

<div>สวยมากหมายถึง 'นี่คือส่วนของเนื้อหา' ในขณะที่<p>คือ 'นี่คือย่อหน้า' โดยส่วนตัวฉันใช้<div>เพราะไม่มีการจัดรูปแบบภายในในเบราว์เซอร์ใด ๆ ในขณะที่<p>มีการจัดรูปแบบเฉพาะเบราว์เซอร์ (ระยะขอบ ฯลฯ ) ที่สามารถทำให้สิ่งต่าง ๆ ดูแตกต่างกันไปขึ้นอยู่กับเบราว์เซอร์ นอกจากนี้<p>ข้างใน<div>จะเพิ่ม HTML ซึ่งทำให้หน้าเว็บมีขนาดใหญ่ขึ้นเล็กน้อยดังนั้นจึงมีการรวบรวมข้อมูลหน้าเว็บน้อยลงในคราวเดียวต่อการ 'กวาด' ของโปรแกรมรวบรวมข้อมูล

กังวลเกี่ยวกับเนื้อหาไม่มากเกี่ยวกับวิธีการเขียน HTML เพื่อให้เครื่องมือค้นหา 'ชอบ'


2

สำหรับความรู้ของฉันมันไม่สำคัญด้วยเหตุผลง่ายๆ:

div สั้นสำหรับการหารเพียงแค่ส่วนหนึ่ง / บล็อกบนเว็บไซต์ของคุณโดยที่ย่อหน้าถูกออกแบบมาสำหรับข้อความ ในบางเรื่องเช่นบทความข่าวประโยคแรกของย่อหน้ามีความสำคัญ (อย่างน้อยก็ในภาษาดัตช์) มีข้อมูลที่สำคัญเกี่ยวกับย่อหน้าที่เกี่ยวกับ (แค่คิดทุกครั้งที่คุณเริ่มหัวข้อย่อยใหม่คุณสร้างย่อหน้าใหม่ที่ประโยคแรกมีความสำคัญ)

ฉันเคยไปเรียนหลักสูตรของ Google ที่ 'ผู้เชี่ยวชาญ' บอกเราเกี่ยวกับหลักการนี้และ Google นั้นใช้กลอุบายแบบเดียวกัน (ดูประโยคแรกของย่อหน้าใหม่มีความสำคัญ) โดยที่ในด้านหลังของใจคุณก็ไม่แตกต่างกันถ้าคุณใช้หรือdiv pมันจะเพิ่ม / ลดคุณอันดับของหน้า 8 หรือไม่? ไม่ได้ แต่ปีศาจอยู่ในรายละเอียด

นอกจากนี้คุณยังได้รับคะแนนสำหรับการใช้ html sementic การใช้ P สำหรับย่อหน้าจะช่วยให้หลักการนี้


ในตัวอย่างของคุณคุณพลาดอันดับ 3 และ IMO เป็นทางออกที่เหมาะสม:

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

คุณลบ div และให้ชั้นเรียนตามวรรค ไม่สำคัญว่าคุณจะใช้ html ของคุณอย่างไร องค์ประกอบที่ไม่ต้องการจะทำให้หน้าช้า (er) ซึ่งมีผลต่อ PR


1

การใช้แท็ก p มีความสำคัญ! นอกเหนือจากโอกาสอื่น ๆ ฉันได้เห็นว่าเมื่อไม่มีคำอธิบายเมตาสำหรับหน้าและ Google สร้างขึ้นโดยค่าเริ่มต้นมันใช้องค์ประกอบใด ๆ ที่ดูเหมือนข้อความ

ตัวอย่าง: ฉันมีหน้าเว็บในสามภาษา (สามโดเมนที่แตกต่างกัน) ที่มีชื่อเมตาเท่านั้น ในผลการค้นหาของ Google คำอธิบายเมตาคือตัวอักษรนำทางที่ฉันใช้สำหรับหมวดหมู่ในหน้านั้นไม่ใช่ข้อความด้านบน! (ตัวอักษรอยู่ในแท็ก h2 สำหรับวัตถุประสงค์ในการออกแบบตัวอักษร) ฉันรวมข้อความไว้ในแท็ก p ไปที่ Google Search Console ขอให้จัดทำดัชนี URL และครั้งต่อไปที่ฉันตรวจสอบผลการค้นหาของ Google ฉันจะเห็นข้อความ 2 บรรทัดแรก (ในทั้งสามโดเมน) โดยไม่ต้องเพิ่มคำอธิบายเมตาใด ๆ

ป.ล. ในกรณีที่หน้าแตกข้อความจะยังคงแสดงถ้ามันอยู่ในแท็ก ap มิฉะนั้นความวุ่นวาย ...

เชื่อฉัน; ฉันได้เรียนรู้จากความผิดพลาดของฉัน


0

ไม่มีความแตกต่างจากมุมมอง SEO อย่างไรก็ตามควรใช้ความหมายและประสิทธิภาพของ HTML แท็ก HTML ที่ไม่จำเป็นยังส่งผลต่อประสิทธิภาพ


โปรดให้ความสนใจในการโพสต์คำตอบพร้อมข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่กล่าวถึงแล้วในคำตอบอื่น ๆ
Zistoloen

0

แน่นอนไม่แตกต่างจากมุมมอง SEO ทั้งคู่เหมือนกัน! วิธีการทำงานของหน้าที่ SEO คือพวกเขาจะให้ความสำคัญกับแท็กเช่น h1, h2 ..etc มากขึ้น div 'เป็นเพียงองค์ประกอบระดับบล็อกที่ใช้สำหรับวัตถุประสงค์ HTMLisation มันไม่มีส่วนร่วมในการเพิ่มประสิทธิภาพ SEO

จากจุดของความหมายมันเป็นสิ่งสำคัญที่จะหลีกเลี่ยงข้อบกพร่องดังกล่าวที่สามารถขัดขวางการประมวลผลของ DOM โดยเบราว์เซอร์


-3

โดยทั่วไปการทำ SEO ให้ความสำคัญเฉพาะสำหรับแท็กส่วนหัว ( <h1>, <h2>, <h3>, <h4>, <h5>และ<h6>) ดังนั้นไม่จำเป็นต้องกังวล<p>และ<div>แท็ก


1
ฉันคิดว่าคุณจำเป็นต้องแปรงขึ้นคุณ SEO ความรู้ดูเหมือนว่าคุณกำลังขว้างปาไปมาก (ง่าย) จุด :)
Martijn
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.