Sử dụng thẻ p bên trong thẻ div cho văn bản?


11

Điều gì là tốt hơn về SEO?

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

hoặc là

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

box1 div có rất nhiều css được áp dụng, vì vậy để làm cho văn bản trông giống như / nơi tôi muốn tôi sẽ bọc nó trong div đó. div này nói riêng chỉ có văn bản. Nhưng với mục đích SEO thì tốt hơn là sử dụng thẻ p bên trong div hay chỉ sử dụng văn bản trực tiếp trong div?

Kết quả là như nhau (trực quan).

PS: tôi hiểu rằng ý tưởng chung là p có liên quan đến seo hơn div (hoặc ít nhất đây là những gì tôi đã nghe. Xin hãy sửa tôi nếu tôi sai ở đây). Nhưng trong trường hợp này, văn bản của tôi trên trang này sẽ được hiển thị trong các thùng chứa khác nhau trên màn hình để nhìn rõ hơn. Tôi nên sử dụng văn bản bên trong div hay tôi nên sử dụng văn bản bên trong thẻ p và thẻ p bên trong div để SEO tốt hơn?

Câu trả lời:


16

Giữa hai lựa chọn, không có sự khác biệt cho SEO. Nhân tiện, câu hỏi của bạn không phải là về SEO mà là về ngữ nghĩa HTML.

Để tôn trọng HTML ngữ nghĩa và không giống như bạn nghĩ, các <p>tag tồn tại để hiển thị đoạn văn bản , không phải văn bản. Nhưng nói chung, văn bản được hiển thị trong một trang thông qua các đoạn văn. Đó là lý do tại sao bạn có thể sử dụng <p>thẻ bên trong một thành <div>phần HTML nhưng về mặt ngữ nghĩa, đó không phải là nghĩa vụ.

Do đó, câu trả lời của tôi cho câu hỏi của bạn là: không có sự khác biệt nào đối với SEO, chỉ cần sử dụng <p>bên trong một <div>yếu tố nếu văn bản của bạn bị cắt thành đoạn văn.


3
bạn trả lời câu hỏi của tôi và tôi cũng học được một cái gì đó mới. Cảm ơn vì đã giúp đỡ một người mới :)
ClawDuda

2
Không có sự khác biệt cho SEO hoặc, nói một cách thận trọng hơn, không có lý do được biết tại sao pđánh dấu sẽ quan trọng. Câu hỏi về SEO. Không có lý do gì để đưa ra câu hỏi về ngữ nghĩa học ở đây, và đây sẽ là một chủ đề rất mù mờ; ví dụ: HTML5 có các ý tưởng riêng p, có thể được xem là khá khác so với HTML 4 (và w3schools là nơi tồi tệ nhất để tham khảo ý kiến ​​trong vấn đề này hoặc các vấn đề khác).
Jukka K. Korpela

1
Xin vui lòng, sử dụng một nguồn tốt hơn cho tài liệu: trong khi w3schools là chính xác trong trường hợp này, tôi sẽ cảnh giác để chia sẻ liên kết của họ. Tôi sẽ sử dụng cái này, từ MDN: developer.mozilla.org/en-US/docs/Web/HTML/Euity/p
STT LCU

1
Ok, tôi đã thay đổi liên kết đến www.w3.org.
Zistoloen

1
Khi w3schools bị lỗi, đừng liên kết với họ. Khi w3schools làm đúng, đừng liên kết với họ. Đó là logic kỳ lạ.
Matt K

2

Đầu tiên, tôi sẽ lấy tất cả những <p>thứ có liên quan đến SEO hơn là<div> với một hạt muối lớn. SEO thực sự chỉ quan tâm đến sự liên quan nội dung. Đặt văn bản trong một <div>hoặc trong một <p>không phải là một cái gì đó bạn nên điều chỉnh. Chỉ cần đi đến những gì là sử dụng tự nhiên.

<div>khá nhiều có nghĩa là 'đây là một phần của nội dung' trong khi <p>'đây là một đoạn'. Cá nhân, tôi chỉ sử dụng <div>vì nó không có định dạng nội bộ trong bất kỳ trình duyệt nào, trong khi <p>có một số định dạng dành riêng cho trình duyệt (lề, v.v.) có thể khiến mọi thứ trông khác nhau tùy thuộc vào trình duyệt (trừ khi bạn sử dụng CSS 'cleaner'). Ngoài ra, <p>bên trong <div>thêm HTML làm cho các trang lớn hơn một chút và do đó, ít trang hơn sẽ được thu thập thông tin cùng một lúc trên mỗi trình thu thập thông tin 'quét'.

Lo lắng về nội dung, không quá nhiều về cách viết HTML để các công cụ tìm kiếm 'thích nó'.


2

Theo hiểu biết của tôi, nó có vấn đề, vì một lý do rất đơn giản:

Một div là viết tắt của phân chia, chỉ là một phần / khối trên trang web của bạn, trong đó đoạn được thiết kế cho văn bản. Trong một cái gì đó giống như một bài báo, câu đầu tiên của một đoạn rất quan trọng (ít nhất là bằng tiếng Hà Lan). Nó có thông tin quan trọng về nội dung của đoạn đó (chỉ cần nghĩ về nó, mỗi khi bạn bắt đầu một chủ đề phụ mới, bạn tạo một đoạn mới trong đó câu đầu tiên là quan trọng).

Tôi đã từng tham gia một khóa học của Google, nơi 'chuyên gia' đã nói với chúng tôi về nguyên tắc này và rằng Google cũng có mẹo đó (Xem, câu đầu tiên của đoạn mới rất quan trọng). Với ý nghĩ đó, nó sẽ khác nếu bạn sử dụng một divhoặc p. Nó sẽ tăng / giảm bạn pagerank thêm 8? Không. Nhưng ma quỷ là trong các chi tiết.

Ngoài ra, bạn nhận được điểm khi sử dụng html sementic. Sử dụng P cho các đoạn văn sẽ giúp nguyên tắc này.


Trong ví dụ của bạn, bạn bỏ lỡ lần thứ 3 và IMO giải pháp thích hợp:

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

Bạn xóa div và đưa lớp cho đoạn văn. Nó không quan trọng bằng cách bạn sử dụng html của bạn. Các yếu tố không cần thiết sẽ làm cho trang chậm (er), ảnh hưởng đến PR.


1

Việc sử dụng các vấn đề thẻ p! Ngoài các dịp khác, tôi đã thấy rằng khi không có mô tả meta cho trang và Google tạo một mặc định, nó sử dụng bất kỳ yếu tố nào trông giống văn bản hơn.

Ví dụ: Tôi đã có một trang, bằng ba ngôn ngữ (ba tên miền khác nhau) chỉ với một tiêu đề meta. Trong kết quả tìm kiếm của Google, mô tả meta là bảng chữ cái điều hướng tôi đang sử dụng cho các danh mục trên trang đó, không phải văn bản ở trên! (bảng chữ cái nằm trong thẻ h2 cho mục đích tạo kiểu chữ). Tôi đã bao gồm văn bản bên trong thẻ p, đi đến Google Search Console, được yêu cầu lập chỉ mục các URL và lần sau khi tôi kiểm tra kết quả tìm kiếm của Google, tôi có thể thấy 2 dòng đầu tiên của văn bản (trong cả ba miền). Không thêm bất kỳ mô tả meta.

PS Trong trường hợp trang bị hỏng, văn bản sẽ vẫn được hiển thị nếu nó nằm trong thẻ ap. Nếu không thì ... hỗn loạn.

Tin tôi đi; Tôi đã học được từ những sai lầm của tôi.


0

Không có sự khác biệt từ quan điểm SEO. Tuy nhiên, ngữ nghĩa và hiệu suất HTML nên được xem xét. Các thẻ HTML không cần thiết cũng ảnh hưởng đến hiệu suất.


Vui lòng chú ý đăng một câu trả lời với thông tin bổ sung liên quan đến những câu trả lời đã được đề cập trong các câu trả lời khác.
Zistoloen

0

Hoàn toàn không có sự khác biệt từ quan điểm SEO. Cả hai đều như nhau! Cách thức hoạt động của các trang SEO là chúng sẽ ưu tiên nhiều hơn cho các thẻ như h1, h2 ..etc. 'div chỉ là các thành phần cấp khối được sử dụng cho mục đích HTMLisation. Nó cung cấp không có đóng góp để tối ưu hóa SEO.

Từ quan điểm ngữ nghĩa, điều quan trọng là phải tránh những trục trặc như vậy có thể cản trở việc xử lý DOM của trình duyệt


-3

Nói chung, SEO cho tầm quan trọng chỉ dành cho thẻ tiêu đề ( <h1>, <h2>, <h3>, <h4>, <h5><h6>). Vì vậy, không cần phải lo lắng <p><div>các thẻ.


1
Tôi nghĩ rằng bạn cần phải nâng cao kiến ​​thức SEO của mình, có vẻ như bạn đang vứt đi rất nhiều điểm (dễ dàng) :)
Martijn
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.