HTML tiêu đề

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Element ofHTML Document Structure Before And After HTML5 – Here’s What ChangedWhat does Learn What HTML Header (New Semantic Document Tag) Does do?The
element is used to identify content that precedes the primary content of the web page and often contains website branding, navigation elements, search forms, and similar content that is duplicated across all or most pages of a website.Displayinline

nội dung

Tiêu đề trang hoặc phần

Phần tử <header> là một trong một số thẻ tài liệu ngữ nghĩa mới được giới thiệu với HTML5. Nó được sử dụng để xác định phần tiêu đề cho phần tử chứa nó. Nó có thể được sử dụng làm tiêu đề cho toàn bộ trang (cách sử dụng phổ biến nhất), nhưng cũng có thể được sử dụng làm tiêu đề cho một bài viết hoặc bất kỳ phần nào khác của nội dung trên trang

Là một tiêu đề trang

Thông thường, khi phần tử <header> được sử dụng làm tiêu đề trang, nó chứa tiêu đề hoặc logo của trang web (hoặc cả hai) và điều hướng trang web chính. Điều này đôi khi được gọi là "tiêu đề"

<body>
 <header>
  <a src="/" id="logo">Site Title</a>
  <nav>
   <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/about">About</a></li>
    <li><a href="/contact">Contact</a></li>
   </ul>
  </nav> 
 </header>
<main>
 .
 .
 .
</main>
<footer>
 .
 .
 .
</footer>
</body>

Là một tiêu đề phần

<article>
 <header>
  <h2>Title of Article</h2>
  <span class="byline">by Arthur T. Writer</span>
 </header>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat sollicitudin nisi, at convallis nunc semper et. Donec ultrices odio ac purus facilisis, at mollis urna finibus. </p>
</article>

Một tài liệu HTML có thể có nhiều phần tử <header>. Một <header> luôn liên quan đến phần tử chứa nó (vì vậy không phần tử nào được chứa trực tiếp hai phần tử <header>)

Các thẻ tiêu đề HTML được sử dụng để phân biệt các tiêu đề (h1) và tiêu đề phụ (h2-h6) của một trang với phần còn lại của nội dung. Các thẻ này còn được quản trị viên web gọi là thẻ tiêu đề hoặc đơn giản là thẻ tiêu đề

Thẻ tiêu đề quan trọng nhất là thẻ h1 và ít quan trọng nhất là thẻ h6. Trong mã hóa HTML, các thẻ tiêu đề từ h1 đến h6 tạo thành một hệ thống phân cấp từ trên xuống. Điều này có nghĩa là nếu bạn bỏ qua bất kỳ số thẻ nào, cấu trúc tiêu đề sẽ bị phá vỡ, điều này không lý tưởng cho SEO trên trang

Ví dụ: nếu trang web của bạn được giới thiệu bằng thẻ h1 theo sau là thẻ h3, hệ thống phân cấp sẽ bị phá vỡ, nghĩa là cấu trúc tiêu đề không thân thiện với SEO. Tuy nhiên, điều này không áp dụng cho cấu trúc từ dưới lên, có thể nhảy từ h4 sang h2 mà không gặp vấn đề gì

Lý tưởng nhất là mỗi trang nên có một thẻ h1, nhưng không nhiều hơn một thẻ (trừ khi bạn đang sử dụng HTML5 — thêm về điều đó bên dưới)

HTML tiêu đề

Chúng tôi sử dụng thẻ H để hiểu cấu trúc của văn bản trên trang tốt hơn

Đối với SEO, có 2 mục đích chính cho các thẻ tiêu đề HTML

  1. Cấu trúc trang để dễ đọc
  2. Mức độ liên quan đến từ khóa

1. Làm cho trang dễ đọc hơn

Thêm các phần và phần phụ, với các tiêu đề phù hợp, chia nội dung thành các khối có thể quét được dễ sử dụng hơn nhiều. Đối với cả người và bot

Xem các thẻ tiêu đề HTML của trang của bạn như một cách tạo dàn ý hoặc bản phác thảo cho bài viết của bạn, sử dụng nội dung cơ thể để điền vào các chi tiết và ví dụ

Trên thực tế, bạn có thể xem các tiêu đề HTML trong bài viết này để làm ví dụ. Dưới đây là các tiêu đề cho bài viết này

What are Header Tags?

What are HTML Header Tags in SEO?

1. Make the page more readable

2. Make the page more relevant

How to Write HTML Headers for SEO

Things You Should Not Be Doing with HTML Headers

Điều này chuyển trực tiếp sang một phác thảo truyền thống cho bài viết này

  • Thẻ tiêu đề là gì?
    • Thẻ tiêu đề HTML trong SEO là gì?
      • Làm cho trang dễ đọc hơn
      • Làm cho trang phù hợp hơn
    • Cách viết tiêu đề HTML cho SEO

Những điều bạn không nên làm với tiêu đề HTML

2. Làm cho trang phù hợp hơn

Google xem văn bản được sử dụng trong các thẻ tiêu đề HTML có giá trị hơn hoặc mức độ ưu tiên cao hơn so với phần còn lại của văn bản trên một trang. Do đó, các từ được sử dụng trong thẻ tiêu đề được đánh giá cao hơn khi Google cố gắng tìm hiểu xem một trang có liên quan đến truy vấn của người dùng hay không. Trên thực tế, thẻ h1 của trang là một trong những vị trí quan trọng nhất để sử dụng từ khóa

Ví dụ: nếu từ khóa bạn muốn nhắm mục tiêu là “SEO trên trang”, bạn sẽ sử dụng từ khóa đó trong thẻ h1 và các từ liên quan theo chủ đề trong dàn bài của mình

  • SEO trên trang. Hướng dẫn cuối cùng
    • SEO Onpage là gì?
    • Các yếu tố xếp hạng trên trang là gì?
    • Kỹ thuật SEO Onpage tốt nhất
      • người máy. txt
      • Sơ đồ trang web XML
      • Tốc độ
      • Tiêu đề HTML
    • Từ khóa trên trang
    • Công cụ SEO Onpage tốt nhất
    • Thưởng. SEO ngoài trang

Sử dụng công cụ nghiên cứu từ khóa bao gồm các từ khóa LSI để giúp bạn tạo tiêu đề HTML cho trang của mình

Đây không phải là trường hợp nhồi nhét từ khóa. Nhờ có từ khóa web ngữ nghĩa và LSI, tốt hơn là sử dụng các từ có liên quan để củng cố mức độ liên quan, chất lượng và độ sâu của một phần nội dung đối với truy vấn của người dùng

Cách bạn viết tiêu đề và tiêu đề phụ tùy thuộc vào thẻ tiêu đề HTML mà bạn đang nói đến

  • Đặt các thẻ h1 ở đầu trang của bạn (tất nhiên)
  • Sử dụng những từ mọi người sẽ sử dụng khi tìm kiếm nội dung của bạn
  • Nếu bạn đang nhắm mục tiêu một câu hỏi, hãy đặt câu hỏi vào thẻ h1
  • Nếu bạn đang viết hướng dẫn cách thực hiện, hãy đặt từng bước trong thẻ h2
  • Đối với các bài viết không hướng dẫn, hãy sử dụng từ khóa LSI và các từ khác có liên quan đến ngữ nghĩa trong thẻ h2-h6 của bạn. Điều này giúp củng cố sự liên quan theo chủ đề và loại bỏ sự mơ hồ

Điểm thứ ba và thứ tư đó rất quan trọng khi cố gắng yêu cầu một trong những đoạn trích nổi bật của Google cho trang web của bạn. Đoạn trích nổi bật dựa vào khả năng của Google để xác định trang nào trả lời câu hỏi tốt nhất. Cấu trúc nội dung của bạn để làm cho nó dễ đọc hơn là một phần quan trọng trong đó

Tìm cơ hội để xác nhận quyền sở hữu đoạn trích nổi bật cho trang web của bạn

Nội dung tiêu đề của bạn đóng vai trò khớp nội dung của bạn với mục tiêu của người tìm kiếm, ngoài thứ hạng từ khóa đơn giản

Vì các công cụ tìm kiếm muốn cung cấp các trang đáp ứng nhu cầu của người dùng và do đó, chúng sẽ dựa vào các thẻ tiêu đề HTML để giúp xác định xem một trang có trả lời câu hỏi của người tìm kiếm hay không

Sử dụng các tiêu đề HTML của bạn để giúp nhắm mục tiêu các loại truy vấn này

  • "Là gì". Vì bạn đang nhắm mục tiêu câu hỏi, nên bạn sẽ muốn sử dụng nó trong

    nhãn. Giữ câu trả lời cho câu hỏi bên cạnh thẻ để giúp Google tìm thấy nó dễ dàng hơn
  • "Làm cách nào để". Khi nhắm mục tiêu những người cố gắng làm theo chỉ dẫn, hãy đặt từng bước trong quy trình dưới dạng tiêu đề HTML riêng biệt. Đó có thể là một

    nếu hướng dẫn là một phần của bài viết lớn hơn nhiều, hoặc như

    thẻ nếu hướng dẫn là điểm chính của nội dung

  • Mục đích thương mại. Chúng tôi đã đề cập đến các trang sản phẩm và danh mục trước đó. Bạn cũng có thể dùng

    thẻ để nhắm mục tiêu tìm kiếm mục đích thương mại với ưu đãi đặc biệt như giảm giá hoặc tiện ích bổ sung. Chỉ cần đưa ưu đãi vào nội dung tiêu đề

Các trang trắng sử dụng HTML 4 trở lên nên dính vào 1

thẻ trên mỗi quy tắc trang, trên thực tế, những người sử dụng HTML5 có thể sử dụng nhiều thẻ tiêu đề. Điều này hoạt động vì HTML5 hỗ trợ
nhãn. Về cơ bản, thẻ này cho phép bạn chia một trang thành nhiều “bài viết”, mỗi bài có tiêu đề riêng.

Vì vậy, ví dụ, một bài viết trên trang HTML trường học cũ sẽ trông như thế này

How to Do SEO

Step 1: Technical SEO

Detailed explanation of.

Step 2: On-Page SEO

Detailed Explanation of step 2.

Tuy nhiên, với HTML5, trang đó có thể trông như thế này

How to do SEO
Step 1: Technical SEO

Detailed explanation.

Step 2: On-Page SEO

Detailed explanation

Giờ đây, các tiêu đề của phần có thể được đặt đúng tầm quan trọng của chúng trên trang, nhưng trong ngữ cảnh của toàn bộ bài viết

Tuy nhiên, xin lưu ý rằng điều này có thể hơi khó và phức tạp để thực hiện trên một trang. Vì vậy, nếu bạn không chắc chắn về kỹ năng mã hóa của mình hoặc không chắc trang của mình có sử dụng HTML5 hay không, hãy tuân thủ quy tắc một tiêu đề trên mỗi trang

  • Đừng nhồi nhét các thẻ tiêu đề của bạn với các từ khóa

  • Không sử dụng nhiều hơn một thẻ h1 trên một trang. Thông thường, các trang sẽ có một tiêu đề h1 duy nhất và bao gồm cả hai tiêu đề có thể khiến các công cụ tìm kiếm nghĩ rằng đây là nỗ lực đưa nhiều từ khóa hơn cho SEO vào nhiều thẻ h1. Tốt hơn là chia nội dung thành hai chủ đề riêng biệt trên các trang riêng lẻ với các thẻ h1 của riêng chúng. Điều này có ý nghĩa hơn đối với cả người đọc và trình thu thập dữ liệu của công cụ tìm kiếm, tuy nhiên, việc sử dụng nhiều thẻ h1 được cho phép

  • Không sử dụng thẻ tiêu đề làm văn bản ẩn. Bất kỳ văn bản ẩn nào cũng có thể dẫn đến hình phạt cho trang web của bạn, đặc biệt nếu phần bị ẩn là thành phần ảnh hưởng đến SEO

  • Không lặp lại các thẻ tiêu đề trên các trang khác nhau trên trang web của bạn. Đó là một thực tiễn tốt để có các thẻ tiêu đề duy nhất trên toàn bộ trang web của bạn. Tránh sử dụng nội dung giống hệt nhau cho cả thẻ h1 và thẻ tiêu đề meta của trang của bạn

  • Không sử dụng thẻ tiêu đề để tạo kiểu văn bản mà sử dụng chúng để trình bày nội dung có tổ chức và có cấu trúc trên các trang. Sử dụng biểu định kiểu CSS cho mục đích tạo kiểu

    Tiêu đề trong HTML là gì?

    The
    HTML element đại diện cho nội dung giới thiệu, thường là một nhóm hỗ trợ giới thiệu hoặc điều hướng . Nó có thể chứa một số thành phần tiêu đề nhưng cũng có logo, biểu mẫu tìm kiếm, tên tác giả và các thành phần khác.

    Làm cách nào để chèn tiêu đề trong HTML?

    Phần tử
    element đại diện cho một vùng chứa nội dung giới thiệu hoặc một tập hợp các liên kết điều hướng. Một phần tử

    tiêu đề là gì