Tiêu đề đầu tiên mà khách truy cập trang web thường không chú ý đến là tiêu đề được hiển thị trong tab trình duyệt (). Đối với một công cụ tìm kiếm, anh ấy là quan trọng nhất, vì nó là Yandex, Google, v.v. của anh ấy. thường() được sử dụng làm tiêu đề của đoạn mã.
Tiêu đề thứ hai nằm trong thẻ h1. Các tiêu đề phụ nhỏ hơn. Nếu bạn thu thập tất cả chúng, thì cấu trúc của tài liệu web sẽ được hiển thị rõ ràng, giống như các chương của sách giáo khoa. Những thông tin này, được chia thành các phần và tiểu mục, rất dễ nhận biết; không khó để tìm thấy tài liệu cần thiết trên trang.
Giờ đây, một cụm từ trong bất kỳ thẻ nào có thể được đặt làm tiêu đề bằng cách sử dụng các kiểu CSS: tăng phông chữ và / hoặc kích thước của văn bản. Để kiểm tra số lượng thẻ h1 và nội dung của chúng đã đủ chưa, không cần mở rộng thêm. Một công cụ như vậy có thể được hiển thị bằng cách nhấn phím :
Trước khi đọc thêm, bạn nên tự làm quen với các ví dụ được mô tả trong các tiêu chuẩn.
...
Tuyên bố 2: có một chút khác biệt về cách định vị liên kết: bên trong thẻ h hoặc thẻ h bên trong liên kết. Và nó nằm ở thực tế là trong trường hợp đầu tiên, liên kết chỉ là văn bản và trong trường hợp thứ hai - toàn bộ khối.
toàn bộ khối (diện tích hình chữ nhật)
Tiêu đề có nên khác với h1?
"Tiêu đề có thể giống với h1 không?" - Có lẽ.
"Tiêu đề và h1 khác nhau có hữu ích cho SEO không?" - vâng, chúng rất hữu ích. Bạn có thể thêm các từ khóa bổ sung vào các thẻ được đề cập để tăng phần đuôi của các truy vấn đến trang web. Hoặc, để tạo một đoạn trích hấp dẫn hơn, trong tiêu đề, hãy thêm tên của công ty, nếu công ty được nghe thấy, hoặc số điện thoại (ví dụ: đối với taxi).
Ghi chú:để trang xuất hiện trong Google Tin tức hoặc Liên kết nhanh Yandex, phần chính của tiêu đề và h1 phải khớp với nhau. Điều này có thể là do khách truy cập mong đợi thấy cùng một tiêu đề trên trang của trang web như trong kết quả của công cụ tìm kiếm. Tại thời điểm này, nó là giá trị quan tâm đến các trang web thông tin.
Các tiêu đề khối bên có cần phải ở dạng h không?
Nếu các tiêu đề được lập chỉ mục (xem), thì tốt hơn là nên ở trong thẻ h. Dù sao, chúng cũng được sử dụng trên mọi trang của trang web và sức nặng của những từ này ("Quảng cáo", "Tin nhắn gần đây", "Đăng ký", v.v.) bị phóng đại quá mức. Người ta có thể cho rằng cha mẹ của bên phải giảm giá trị của chúng.
Ngoài ra, đối với người khiếm thị, nó sẽ rõ ràng là gì và không liên tục không có tiêu đề.
Các thẻ HTML h1, h2, h3, h4, h5, h6- đây là sáu tiêu đề thể hiện tầm quan trọng tương đối của khối sau tiêu đề, tùy thuộc vào cấp tiêu đề h1, h2, h3, v.v. Thẻ H1 - tiêu đề cấp đầu tiên, thẻ h2 là thẻ thứ hai, thẻ h3 là thẻ thứ ba, thẻ h6 là tiêu đề ít quan trọng nhất trong tất cả. Tiêu đề H1 Là yếu tố quan trọng thứ hai trên trang sau thẻ tiêu đề (tiêu đề trang) và thẻ quan trọng nhất trong tất cả các H.
Sử dụng thẻ h1 tiêu đề html trên trang được phép không nhiều hơn một lần và theo mặc định, tiêu đề cấp đầu tiên H1 được hiển thị trong kiểu chữ in đậm lớn nhất (trong số các thẻ H khác). Phần còn lại của thẻ tiêu đề H có kích thước phông chữ nhỏ hơn tùy thuộc vào cấp độ.
Ví dụ về việc sử dụng tiêu đề h1
Tiêu đề h1, h2, h3, ..., h6 - Thẻ html có thẻ đóng bắt buộc. Chúng là các phần tử khối và luôn xuất hiện trên một dòng mới. Các mục theo sau tiêu đề H cũng bắt đầu trên một dòng mới mà không cần sử dụng
... Tương tự như vậy, một thụt lề được thêm vào trước và sau tiêu đề h1-h6. Khi sử dụng thẻ h1 và các thẻ tiêu đề khác, thuộc tính align được phép sử dụng, thuộc tính này xác định sự căn chỉnh của tiêu đề. Theo mặc định, tất cả các thẻ html-h1-h6 đều được căn chỉnh ở bên trái (h1 căn trái), bằng cách sử dụng thuộc tính align, bạn có thể căn chỉnh thẻ h1 cho chính giữa (h1 căn giữa) hoặc sang bên phải (h1 căn phải).
Ngoài ra, không nên sử dụng các thẻ bên trong H1, H2, H3,…, H6. Đặc biệt là chia sẻ tiêu đề H với các thẻ html: STRONG, B, EM và A.
Ví dụ về thẻ h1, h2, h3:
Tiêu đề H1, H2, H3
Tiêu đề bài viết
Giới thiệu.
Tiêu đề bài viết 1
Một phần của Điều 1.
Phụ đề của Điều 1
Khoản 1 của phần 1.
Tiêu đề phụ của Điều 2
Khoản 2 của phần 1.
Tiêu đề bài viết 2
Một phần của Điều 2.
Tiêu đề phụ của Điều 2
Khoản 1 của phần 2.
Trong chừng mực thẻ h1, ..., h6 được thiết kế để tập trung sự chú ý của công cụ tìm kiếm vào các phần nhất định của văn bản, chúng được sử dụng khi, chẳng hạn, để hiển thị tiêu đề h1 của văn bản hoặc nội dung khác. Tuy nhiên, việc sử dụng các tiêu đề h2-h6 thường không bị hạn chế và vượt ra ngoài văn bản. Do đó, tiêu đề và thuộc tính của chúng được sử dụng để tạo kiểu cho menu danh mục và thậm chí cả các phần tử thanh bên hoặc chân trang. Trong những trường hợp như vậy, không chỉ thứ tự sắp xếp các tiêu đề H trên trang theo cấp độ có thể bị vi phạm mà còn cả nguyên tắc độc đáo cực kỳ quan trọng tiêu đề h1, h2, h3, h4, h5, h6 trong tất cả các trang của trang web. Thêm về điều này bên dưới.
Thẻ HTML h1 viết gì và điền như thế nào
Từ đó cách viết thẻ h1 và phần còn lại của các thẻ H, phụ thuộc phần lớn vào sự thành công của việc tối ưu hóa và SEO của trang web cho các truy vấn tìm kiếm. Trước làm thế nào để tạo tiêu đề h1 có một số quy tắc đơn giản cần ghi nhớ. Sử dụng các quy tắc như thế này, bạn có thể tự làm cho mình. Chúng liên quan đến những gì sẽ văn bản tiêu đề h1 và nơi các tiêu đề sẽ được đặt.
Cách sử dụng tiêu đề h1-h6:
- Thứ bậc của tiêu đề. Tiêu đề h1 phải nằm trên tất cả các tiêu đề h khác trên trang. Phần còn lại của các tiêu đề theo thứ tự mức độ.
- Sự phân cấp của phông chữ. Mức tiêu đề càng cao (h1 là cao nhất), phông chữ tiêu đề càng lớn.
- Không quá một H1 trên mỗi trang. Thẻ h1 HTML chỉ có thể được sử dụng một lần trên mỗi trang. Hai tiêu đề h1 sẽ đánh lừa công cụ tìm kiếm, có thể dẫn đến những hậu quả khó lường khi lập chỉ mục một trang web.
- Không có gì thừa trong tiêu đề H. Không sử dụng bất kỳ thứ gì khác ngoài văn bản trong tiêu đề H1-H6. Tránh sử dụng các thẻ dấu khác (mạnh, b, em) và các liên kết bên trong thẻ H.
- Đừng lạm dụng các tiêu đề h2, h3, h4, h5, h6... Quá nhiều phần tử trang "quan trọng" có thể được hiểu là spam hoặc tối ưu hóa quá mức trang web.
Tiêu đề văn bản h1, h2, h3, ..., h6
Thẻ H1-h6 nên chứa mô tả ngắn về phần văn bản tương ứng với các từ khóa đặc trưng. Đừng bao gồm bất cứ điều gì bổ sung trong nội dung tiêu đề của bạn. Khi điền vào các tiêu đề h1, h2, h3, h4, h5, h6, cũng như các thuộc tính khác, nên tuân thủ các quy tắc sau đây khi đánh giá tầm quan trọng của tiêu đề.
- Sự xuất hiện trực tiếp của từ khóa trong tiêu đề. Đối sánh chính xác từ khóa trong tiêu đề cho yêu cầu tương ứng.
- Tính duy nhất của tiêu đề so với các trang khác trên trang web. Các tiêu đề trùng lặp trên các trang khác nhau của trang web có thể không được các công cụ tìm kiếm tính đến.
- Sự gần gũi của tiêu đề với phần đầu của tài liệu. Tiêu đề càng gần đầu mã html thì giá trị của nó càng lớn so với các phần tử khác của trang và nội dung của tiêu đề càng quan trọng.
- Sự gần gũi của từ khóa với phần đầu của tiêu đề. Tốt nhất, tiêu đề nên bắt đầu bằng một từ khóa.
- Độ dài tiêu đề h1, h2, h3,…, h6. Độ dài tiêu đề không được vượt quá 60 ký tự. Công cụ tìm kiếm xử lý một số lượng ký tự hạn chế, tiêu đề dài sẽ không được hiểu hết.
- Khả năng đọc viết của các đề mục. Lỗi ngữ pháp trong tiêu đề làm giảm mức độ liên quan của tiêu đề.
- Mật độ của từ khóa trong tiêu đề. Tất cả các tiêu đề được đánh giá để tối ưu hóa lại. Vì vậy, không nên nhồi nhét ngày càng nhiều từ khóa vào tiêu đề, tiêu đề có thể bị bỏ qua.
Tag h1 joomla, wordpress - tiêu đề trong CMS
Nhiều CMS hỗ trợ việc sử dụng tiêu đề h1, ..., h6. Đôi khi các tiêu đề được sắp xếp tự động. Tuy nhiên, không phải lúc nào cũng tính đến các chi tiết cụ thể của trang web. Vị trí chính xác của tiêu đề trong các thẻ h1,2,3,4,5,6 trên joomla, wordpress và các trang web CMS hiện đại khác có thể mang lại kết quả đáng kinh ngạc cho một trang web SEO. Do đó, hãy dành thời gian để tùy chỉnh công cụ trang web. Hãy tin tưởng ở tôi, nó sẽ được đền đáp.
Các tiêu đề H1-H6 cực kỳ quan trọng. Bạn không nên bỏ mặc chúng, nhưng cũng không nên lạm dụng chúng. Cả hai tiêu đề đều có thể nâng cao và hạ thấp một trang web.
Hãy cho chúng tôi biết trong phần nhận xét cách bạn sử dụng tiêu đề H.
Thêm bài viết vào mục yêu thích của bạn, chia sẻ với bạn bè của bạn.
Đăng ký.
Viết tiêu đề ngắn gọn, súc tích và dễ hiểu.
Thẻ tiêu đề
...nên có trên mọi trang của trang web. Tầm quan trọng của mỗi tiêu đề phụ thuộc vào số lượng:
- các thẻ tiêu đề quan trọng nhất
- ít quan trọng hơn lần đầu tiên
...
- tầm quan trọng cuối cùng
Các thẻ này cần được xử lý một cách thận trọng vì chúng có tác động lớn hơn đến xếp hạng của trang web. Với việc sử dụng thẻ đúng cách
...thường có thể đạt được vị trí trang web tốt cho các truy vấn chỉ dựa trên các yếu tố nội bộ. Và tình huống ngược lại: trong trường hợp sử dụng sai, bạn có thể bị trừng phạt bởi các công cụ tìm kiếm. Trong bài viết này, chúng tôi sẽ chỉ nói về cách sử dụng các thẻ này một cách chính xác.
Cú pháp thẻ ..
Tiêu đề bài viết
Phụ đề1
...
Phụ đề 2
Phụ đề3_1
...
Phụ đề3_N
Phụ đề 3
Vân vân.
Mỗi tiêu đề có một kích thước khác nhau theo mặc định. Ví dụ mã
Tiêu đề H1
Tiêu đề H2
Đề mục H3
Tiêu đề H4
Tiêu đề H5
Tiêu đề H6
Trang này biến thành như sau:
Ý nghĩa của các thẻ ..
Xét về tầm quan trọng và tầm quan trọng trong việc quảng bá trang web, thẻ tiêu đề h1-h6 đứng ở vị trí thứ hai sau thẻ
... Theo nhiều cách, các quy tắc để biên soạn một tiêu đề tương tự như h1.</p>
<h2>Quy tắc sử dụng thẻ <h1></h2>
<ul><li>Nhãn <h1>phải có trong một bản sao trên mỗi trang của trang web. Quy tắc này không nên đặt ra bất kỳ câu hỏi nào, vì mỗi trang của trang web chỉ nên có một tiêu đề. Và nếu không có tiêu đề nào cả, thì tại sao chúng ta lại cần một trang như vậy?</li>
<li>Phần mở đầu <h1>phải ở đâu đó ở đầu trang mã html</li>
<li><h1>phải là duy nhất trong trang web, tức là không nên để một số trang được đặt tên giống nhau</li>
<li>Tiêu đề nên phản ánh bản chất của bài viết, không dài quá</li>
<li>Không được chứa bất kỳ yếu tố nào khác ngoài tiêu đề trang (tức là bạn không thể sử dụng liên kết, khoảng cách, phông chữ, hình ảnh, v.v. bên trong h1)</li>
<li>Thật tệ khi sử dụng sai tiêu đề. Ví dụ: thẻ h3 thường được sử dụng trong các mẫu cho các tiêu đề "Thẻ", "Nhận xét" trong thanh bên. Nó không đúng. Thẻ Heading nên được sử dụng trong bài viết để cấu trúc đúng nội dung và giúp cả công cụ tìm kiếm và người dùng thông thường có thể nhanh chóng hiểu được bài viết.</li>
<li>Nên sử dụng các tiêu đề không có tham số lớp và id</li>
<li>Điều quan trọng là phải duy trì thứ bậc của các thẻ tiêu đề. Tại thời điểm này, bạn cần đi sâu vào chi tiết hơn.</li>
</ul><h2>Tầm quan trọng của hệ thống phân cấp <h1>..<h6></h2>
<p>Trong mã html của trang, thẻ đầu tiên phải là <h1>... Không thể đặt tiêu đề đầu tiên <h2>, sau <h1>... Tương tự như vậy với các số thẻ khác. Đây là cách sử dụng đúng các thẻ:</p>
<blockquote><h1
>Tiêu đề bài viết</h1
>
...
<h2
></h2
>
<h3
></h3
>
<h4
></h4
>
...
<h4
></h4
>
<h3
></h3
>
...
<h3
></h3
>
<h2
></h2
>
...
<h2
></h2
>
<h3
></h3
>
</blockquote>
<p>Những thứ kia. mỗi thẻ thấp hơn luôn được lồng trong thẻ cao hơn. Đây là hệ thống phân cấp chính xác. Trong trường hợp này, chuyển đổi đột ngột từ <h1>trên <h4>, với <h2>trên <h5>Vân vân.</p>
<p>Ngoài hệ thống phân cấp này, bạn cũng cần tuân theo hệ thống phân cấp về kích thước phông chữ. Những thứ kia. các tiêu đề quan trọng hơn nên có phông chữ lớn hơn. Mặc dù chưa có ai công bố rằng các công cụ tìm kiếm phân tích các kiểu có trong tệp .css, nhưng có một quy tắc như vậy giữa các quản trị viên web và trình tối ưu hóa.</p>
<p><b>Có thể tiêu đề <h1>và <title>trùng hợp?</b>
<br>Hiện đang có một cuộc tranh luận về vấn đề này. Một mặt, hợp lý là <title>và <h1>trùng hợp. Nhưng mặt khác, nó giống như sự trùng lặp của tên trang. Nói chung, các tiêu đề thường sẽ khác nhau, bởi vì <h1>Việc viết các từ "Mua, giá, ảnh" là khó có thể và có lý, nhưng trong tiêu đề, những từ như vậy lại được sử dụng ngược lại. Trả lời câu hỏi - làm điều đó để mọi thứ rõ ràng với người dùng và trông tự nhiên.</p>
<p><b>Có thể có bao nhiêu tiêu đề <h2>, <h3>?
</b>
<br>Thẻ tiêu đề <h2>
-<h6>có thể có một số trên trang, tất cả phụ thuộc vào kích thước của nội dung. Số lượng nội dung trên mỗi dòng tiêu đề phải đủ. Nói cách khác, không nên để sau tiêu đề <h2>có 5 câu, sau đó một lần nữa <h2>và một đoạn văn nhỏ nữa. Trong những trường hợp như vậy, có lẽ tốt nhất là bạn không nên sử dụng thẻ tiêu đề.</p>
<p>Đừng nhầm lẫn giữa các thẻ tiêu đề <head>và h1-h6. Một số cần thiết cho rô bốt tìm kiếm, một số khác dành cho rô bốt tìm kiếm và người dùng.</p>
<p>Thông thường, các quản trị viên web mới vào nghề thường bị dằn vặt bởi câu hỏi tại sao một số trang web lại được xếp hạng cao hơn và bỏ qua các đối thủ cạnh tranh trong kết quả tìm kiếm. Lý do cho điều này có thể được đặt sai thẻ h1, h2… h6. Nếu các thẻ này được đặt không chính xác, không tính đến các chi tiết cụ thể của tài nguyên, thì các công cụ tìm kiếm sẽ khó có được thông tin chính xác về các bài báo và các từ khóa chứa trong đó.</p>
<p>Thẻ H1 -h6 cho phép bạn đánh dấu các tiêu đề ở các cấp độ khác nhau. Chúng làm rõ những phần nào của văn bản phản ánh gần hơn chủ đề của bài viết và mang lại lợi thế xếp hạng.</p>
<p>Vị trí phù hợp của các thẻ cho phép các công cụ tìm kiếm hiển thị trang chính xác hơn cho các truy vấn trong kết quả tìm kiếm, điều này ảnh hưởng có lợi đến vị trí của tài nguyên:</p>
<h2>Tại sao cần có thẻ h1-h6?</h2>
<p>Các thẻ chứa tên của trang web, các tiêu đề và tiêu đề phụ của văn bản:</p>
<p><br><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/v-tegi-zakljuchaetsja-030724.png' width="100%" loading=lazy loading=lazy></p>
<p>Trong HTML, các thẻ tiêu đề được ký hiệu bằng h từ "tiêu đề" trong tiếng Anh, có nghĩa là " <span>tiêu đề, tiêu đề</span>". Đây là một ví dụ về nó trông như thế nào:</p>
<p><h1>Phần mở đầu</h1></p>
<p>Vị trí của các thẻ tiêu đề nên được thực hiện trên mỗi trang của tài nguyên. Đồng thời, tầm quan trọng của tiêu đề sẽ phụ thuộc vào số của nó, nó càng nhỏ thì tiêu đề càng quan trọng:</p>
<p><h1></h1>- các thẻ quan trọng nhất <h2></h2>- các thẻ ít quan trọng hơn ... <h6></h6>- các thẻ quan trọng cuối cùng</p>
<p>Tuy nhiên, bạn nên cẩn thận với vị trí của chúng. Việc sử dụng sai có thể dẫn đến thực tế là tài nguyên của bạn bị trừng phạt bởi các công cụ tìm kiếm.</p>
<h3>Cú pháp thẻ H1-h6</h3>
<p><h1>Tên của văn bản</h1>
<h2>Phụ đề 1</h2>
...
<h2>Phụ đề 2</h2>
<h3>Phân nhóm 3.1</h3>
...
<h3>Tiêu đề phụ 3_2</h3>
<h2>Phụ đề 3</h2></p>
<p><br><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/sintaksis-tegov-030725.png' width="100%" loading=lazy loading=lazy></p>
<p>Các thẻ phổ biến nhất là h1 h2 h3.</p>
<h3>Làm thế nào để sử dụng thẻ h1 một cách chính xác?</h3>
<p>Bằng cách bỏ qua thẻ h1, quản trị viên web đang tự tước đi một lợi thế quan trọng như tối ưu hóa nội dung. Trên động cơ, nó thường được viết tự động, nhưng không phải lúc nào cũng vậy, và điều này cần được tính đến.</p>
<p>Thẻ HTML h1 là thẻ có ý nghĩa nhất trong loại thẻ này. Nó chứa tên của trang web và tiêu đề của bài báo. Tuy nhiên, không nên nhầm nó với thẻ <title> (<span>tiêu đề trang</span>). Tiêu đề được phản ánh trong trình duyệt ở đầu màn hình ở phía bên trái tại thời điểm trang tài nguyên được mở. Tiêu đề được viết trong tiêu đề trang giữa <head></head>, trong khi h1 -h6 được chỉ ra trong "nội dung" của chính trang đó và được bao bọc trong các thẻ <body></body>.</p>
<p>Chỉ có thể có một thẻ h1 trên một trang. Nếu bạn chỉ định một số tiêu đề với thẻ h1, các công cụ tìm kiếm có thể coi đây là thư rác quá mức, do đó có nguy cơ bị cấm:</p>
<p><br><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p>
<p>Các quy tắc để soạn tiêu đề chính h1:</p>
<ul><li>Thẻ nên sử dụng các từ khóa được sử dụng để quảng cáo trang;</li>
<li>Bạn không nên làm cho tiêu đề h1 quá đồ sộ, chỉ cần một vài từ là đủ;</li>
<li>Văn bản tiêu đề phải dễ đọc;</li>
<li>Thẻ meta h1 không được chứa bất kỳ thứ gì khác ngoài chính văn bản. Nếu bạn muốn làm nổi bật nó, hãy đặt các mã bên ngoài thẻ;</li>
<li>Trước khi cài đặt h1 theo cách thủ công, hãy đảm bảo rằng động cơ không tự động cài đặt nó;</li>
<li>Nội dung h1 phải tương ứng với chủ đề được chỉ định trong tiêu đề của trang;</li>
<li>Khi soạn h1, hãy đảm bảo sử dụng cụm từ khóa mà trang đang được quảng cáo;</li>
<li>Nội dung của tiêu đề phải độc đáo, đủ sức và có chủ đề. Đừng biến h1 thành một bản sao hoàn chỉnh của thẻ Tiêu đề. Điều quan trọng là h1 -h6 duy nhất được viết trên mỗi trang của tài nguyên, vì vậy tránh lặp lại;</li>
<li>Bạn không thể liệt kê các cụm từ chính trong tiêu đề được phân tách bằng dấu phẩy. Nội dung của h1 phải dễ hiểu không chỉ đối với các công cụ tìm kiếm mà còn đối với khách truy cập vào tài nguyên.</li>
</ul><p><br><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>Làm thế nào để sử dụng các thẻ h2-h6 một cách chính xác?</h3>
<p>Ngoài h1, các thẻ h2, h3, h4, h5, h6, vv được sử dụng để sắp xếp các tiêu đề được xác định bởi các công cụ tìm kiếm.</p>
<h4>Thẻ H2</h4>
<p>Thường được sử dụng cho tiêu đề bài đăng trong nguồn cấp dữ liệu trên trang chủ hoặc cho các tiêu đề phụ trong một bài báo.</p>
<h4>Thẻ h3, h4</h4>
<p>Thường chúng được sử dụng để đánh dấu tên của các tiêu đề phụ, đề mục và tiện ích con trong thanh bên.</p>
<h4>Thẻ h5, h6</h4>
<p>Được thiết kế cho các phần tử trang thậm chí còn nhỏ hơn nên được tách biệt với phần còn lại của văn bản.</p>
<p>Việc sắp xếp các tiêu đề h1 - h6 trong các phiên bản khác nhau của động cơ có thể được thực hiện theo những cách khác nhau.</p>
<p>Quy tắc vị trí h2 -h6:</p>
<ul><li>Cấu trúc của tiêu đề. Thứ bậc của các đề mục phải được tôn trọng;</li>
<li>Cỡ chữ. Mức tiêu đề càng thấp, phông chữ càng nhỏ. Việc chỉnh sửa phông chữ được thực hiện theo các kiểu. Tuy nhiên, theo quy luật, phông chữ có kích thước chính xác theo mặc định;</li>
<li>Thẻ tiêu đề không thể được sử dụng cùng với các thẻ trọng âm khác. Bạn nên sử dụng các từ khóa trong các tiêu đề mà trang này sẽ được thăng hạng trong tìm kiếm;</li>
<li>Không giống như h1, thẻ h2 -h6 có thể được viết nhiều lần trên trang.</li>
</ul><p><body>
<h1>Tôi phụ trách hệ thống phân cấp tiêu đề</h1>
<h2>Những đứa trẻ của tôi</h2>
<h3>Các cháu của tôi</h3>
<h3>Các cháu của tôi</h3>
<h3>Các cháu của tôi</h3>
<h2>Những đứa trẻ của tôi</h2>
<h3>Các cháu của tôi</h3>
<h3>Các cháu của tôi</h3>
<h3>Các cháu của tôi</h3>
<h4>Cháu chắt của tôi</h4>
<h4>Cháu chắt của tôi</h4>
<h4>Cháu chắt của tôi</h4>
</body></p>
<ul><li>Không nên có thư rác;</li>
<li>Bố cục của văn bản h1 - h6 nên sử dụng các từ đồng nghĩa và có tính đến các quy luật về hình vị;</li>
<li>Tốt hơn là đặt các từ khóa chính gần phần đầu của tiêu đề hơn;</li>
<li>Các cụm từ khóa được viết trong các tiêu đề phải xuất hiện trong văn bản của trang;</li>
<li>Thẻ h1 - h6 phải ngắn gọn, súc tích và nhiều thông tin:</li>
</ul><p><br><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-rasstanovki-h2-h-030727.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>Những lỗi phổ biến nhất khi đặt thẻ h1-h6</h3>
<ul><li>Trong một số CMS, các thẻ được đặt tự động và thường vi phạm các quy tắc tối ưu hóa nội bộ. Ví dụ: sử dụng h3, tiêu đề của các khối và các phần tử khác của trang web được đánh dấu, nhưng điều này không chính xác. Có các thẻ HTML khác cho mục đích này;</li>
<li>Về cơ bản, sẽ là sai lầm nếu bao gồm các liên kết, hình ảnh, biểu trưng, v.v. trong thẻ h;</li>
<li>Một tiêu đề không được đóng là một lỗi phổ biến. Điều này có thể gây nhầm lẫn cho các công cụ tìm kiếm và có nguy cơ bị hạ cấp;</li>
<li>Không có gì lạ khi các thẻ hoàn toàn không chứa văn bản (thẻ trống), hoặc thay vì văn bản thích hợp có các từ không liên quan;</li>
<li>Việc xác định và sửa các lỗi như vậy sẽ làm tăng trọng lượng trang và cải thiện thứ hạng của trang web nói chung.</li>
</ul><h3>Độ dài tối ưu cho thẻ h1 phải là bao nhiêu?</h3>
<p>Tiêu đề có mô tả ngắn gọn và súc tích có nhiều khả năng thu hút sự chú ý của các công cụ tìm kiếm. Khi điền vào tiêu đề h1, điều quan trọng không chỉ là nhập chính xác từ khóa, gắn nó gần hơn với đầu tiêu đề mà còn không làm cho tiêu đề đó không quá dài. Tốt nhất là độ dài của thẻ h1 không vượt quá 60 ký tự, vì phần còn lại của các rô bốt công cụ tìm kiếm chỉ đơn giản là không phân tích.</p>
<p>Chào mọi người! <br>- đây là một công việc phức tạp, đòi hỏi sự quan tâm đến từng chi tiết. Ngay cả việc sử dụng không chính xác các tiêu đề (thẻ H1, H2, H3) trên các trang của trang web có thể cản trở việc quảng bá thông thường của công cụ tìm kiếm. Hôm nay chúng ta sẽ chỉ nói về điều này.</p>
<p>Mọi thứ được mô tả trong các bài học ở trên sẽ có ích trong ngày hôm nay.</p>
<h2>Quy tắc sử dụng tiêu đề</h2>
<p>Trong thế giới của SEO, có một số quy tắc nhất định để sử dụng các thẻ H1, H2, H3 trở xuống, mà bạn nên tuân theo trên tất cả các trang:</p>
<ul><li>Chỉ nên có một tiêu đề duy nhất của cấp đầu tiên (H1) trên trang;</li>
<li>Tiêu đề H1 không được khớp với Tiêu đề của trang;</li>
<li>Các tiêu đề H2, H3, H4 chỉ nên được sử dụng trong bài báo;</li>
<li>Chỉ nên sử dụng các cụm từ hữu ích trong tiêu đề, nghĩa là, thẻ H1… H6 không được chứa các cụm từ vô nghĩa, chẳng hạn như: đánh giá, đăng ký, nhận xét, v.v.;</li>
<li>Quan sát hệ thống phân cấp tiêu đề. Tiêu đề cấp hai phải dưới H1, tiêu đề cấp ba phải dưới <b>người đầu tiên</b> H2. Nếu không, rô bốt tìm kiếm, chỉ nhìn thấy mã HTML, sẽ không nhận ra trang một cách chính xác, điều mà chúng tôi không muốn.</li>
</ul><p>Tôi đã viết ngắn gọn về các quy tắc này trong bài học dành cho. Hãy chắc chắn để đọc, có rất nhiều thông tin hữu ích!</p>
<h2>Làm thế nào để bạn biết liệu các tiêu đề có đang được sử dụng đúng cách hay không?</h2>
<p>Bạn có quen với trình duyệt Mozilla Firefox không? Có thể đúng. Vì vậy, trình duyệt này, nhờ một plugin có chức năng tốt, cung cấp các cơ hội tuyệt vời để phân tích các trang. Tên của plugin này là thanh RDS. Bạn có thể tải xuống từ liên kết này, nhưng phải thực hiện trên Firefox, vì vậy nếu bạn chưa cài đặt trình duyệt này, hãy tải và cài đặt nó sẽ nhanh hơn.</p>
<p>Thanh RDS có thể được cài đặt trên các trình duyệt khác, nhưng trong Mozilla Firefox, chức năng của nó rộng hơn nhiều.</p>
<p>Trước khi chúng tôi chuyển sang phân tích các trang của trang web, bạn cần thực hiện một số cài đặt nhỏ trong plugin:</p>
<img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/nastrojki-rds.png' height="131" width="255" loading=lazy loading=lazy><p>Bây giờ chúng ta có thể an toàn xem có bao nhiêu thẻ H1, H2, H3 trên trang, xem các tiêu đề phụ và biết những gì cần phải chỉnh sửa. Bạn có thể thấy tất cả sự lộng lẫy này bằng cách nhấp vào nút thẻ SEO trong thanh RDS, mà bạn vừa kích hoạt: <img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/seo-tegi.png' height="181" width="244" loading=lazy loading=lazy></p>
<p>Ngay sau khi bạn bấm vào nút này, một thông báo nhỏ sẽ hiện ra trước mắt bạn: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/meta-tegi-i-zagolovki.png' width="100%" loading=lazy loading=lazy></p>
<p>Trong bài đăng này, tiêu đề H1 và các tiêu đề khác được trình bày. Như bạn có thể thấy, trên các trang blog của tôi, mọi thứ đều theo thứ tự, vì tôi đã sửa lỗi này một tuần trước, nhưng trên trang khách hàng, mọi thứ tồi tệ hơn nhiều với điều này.</p>
<p>Tôi sẽ liệt kê các lỗi:</p>
<ol><li>Sự trùng lặp giữa các tiêu đề H2 và H5;</li>
<li>Không có tiêu đề cấp ba;</li>
<li>H4 chứa rác.</li>
</ol><p>Có rất nhiều việc phải làm, vì vậy tôi sẽ trình bày cách sửa lỗi bằng một ví dụ. Hãy thử thay đổi các thẻ H5 thành H3 để phân cấp tiêu đề được tôn trọng.</p>
<h2>Làm thế nào để sửa lỗi?</h2>
<p>Đối với điều này, tôi cần các tệp trang web (), Notepad ++ và Mozilla Firefox.</p>
<ol><li>Để biết chính xác vị trí của thẻ vấn đề và lớp kiểu của nó, bạn cần sử dụng công cụ Khám phá Phần tử được tích hợp sẵn của trình duyệt: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/issledovat-element.png' height="246" width="342" loading=lazy loading=lazy>Di chuột qua một mục cụ thể, nhấp chuột phải vào mục đó và chọn Khám phá mục. Một khu vực sẽ xuất hiện ở cuối cửa sổ, nơi bạn có thể thấy cả lớp kiểu của phần tử HTML và kiểu CSS của nó: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/kod-issledovat-element.png' align="center" width="100%" loading=lazy loading=lazy></li>
<li>Nhìn vào lớp kiểu của phần tử bạn cần và sao chép nó để tìm nó sau này trong mã trang. Trong trường hợp của tôi, lớp tiêu đề H2 là page-box__title: Tôi muốn thay đổi cấp tiêu đề H5 thành H3 vì H5 liệt kê các từ khóa có liên quan.</li>
<li>Tiếp theo, bạn cần tìm một phần tử có lớp này trong thư mục site, để làm điều này, chúng tôi sẽ sử dụng các chức năng có sẵn, cụ thể là tìm kiếm theo tệp. Mở Notepad ++, tìm mục "Tìm kiếm" ở menu trên cùng và chọn "Tìm trong tệp" trong menu thả xuống: <img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/najti-v-fajlah.png' height="248" width="367" loading=lazy loading=lazy></li>
<li>Trong trường "Tìm", tôi nhập lớp kiểu của tiêu đề cấp năm (page-box__title) và trong trường "Thư mục", tôi chỉ định đường dẫn đến thư mục có trang web: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/poisk-v-failah.png' width="100%" loading=lazy loading=lazy>Sau khi tôi nhấp vào nút "Tìm tất cả", quá trình tìm kiếm tệp sẽ bắt đầu: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/process-poiska.png' width="100%" loading=lazy loading=lazy></li>
<li>Ở cuối cửa sổ làm việc của Notepad ++, kết quả tìm kiếm sẽ được hiển thị, trong đó có cùng tiêu đề của cấp thứ năm (H5) với lớp "page-box__title": <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovok-v-poiske.png' width="100%" loading=lazy loading=lazy>Để chuyển trực tiếp đến tệp có chứa tiêu đề này, chỉ cần nhấp đúp vào kết quả tìm kiếm;</li>
<li>Tiếp theo, tôi chỉ cần thay đổi các thẻ <h5></h5>trên thẻ <h3></h3>: Đảm bảo lưu tệp;</li>
<li>Chúng tôi xem kết quả trên trang web: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovki-na-saite.png' width="100%" loading=lazy loading=lazy>Nó trông không tốt cho lắm.</li>
<li>Để làm cho tiêu đề trông đẹp mắt, bạn cần thực hiện các thay đổi đối với biểu định kiểu (style.css). Vì các tiêu đề được đưa ra trong ví dụ được bao gồm trong thẻ <a>, thì rất có thể quy tắc trong style.css sẽ giống như sau: .page-box__title> a (bộ chọn con). Tìm kiếm trong Notepad ++ cũng tìm thấy điều này: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/style-zagolovka.png' width="100%" loading=lazy loading=lazy>Bạn cần thêm thuộc tính font-size vào quy tắc kiểu với giá trị mong muốn, theo ý kiến của bạn. Trong trường hợp của tôi, kích thước phông chữ tối ưu sẽ là 14 px: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/razmer-shrifta.png' width="100%" loading=lazy loading=lazy></li>
<li>Hãy xem kết quả: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/rezultat-izmenenj.png' width="100%" loading=lazy loading=lazy>Như bạn có thể thấy, các tiêu đề hiện được hiển thị bình thường.</li>
</ol><p>Chúng tôi làm việc với các tiêu đề khác theo cách tương tự. Sau khi hoàn tất, đừng quên đẩy các thay đổi của bạn lên máy chủ. Điều này có thể được thực hiện thông qua FileZilla, mà tôi đã nói về</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
<div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div>
</article>
<div class='yarpp-related'>
<div class="related-posts-title">Các ấn phẩm tương tự:</div>
<ul class="related-items">
<li>
<img src="/uploads/22b6cf854515b99e2b7ba5a92e8f49ec.jpg" width="180" height="160" alt="Kênh mã hóa ba màu: phải làm gì nếu mọi thứ đều được trả tiền và không hiển thị" loading=lazy loading=lazy> <a href='https://leally.ru/vi/programs/televizor-samsung-signal-zakodirovan-chto-delat-kodirovannyi-kanal/'
class='related-item__title'>Kênh mã hóa ba màu: phải làm gì nếu mọi thứ đều được trả tiền và không hiển thị</a>
</li>
<li>
<img src="/uploads/fbb4968ed49e5cd2d066521d9c6bd628.jpg" width="180" height="160" alt="Cấu hình và kết nối router asus rt n12 Router asus rt n12 vp" loading=lazy loading=lazy> <a href='https://leally.ru/vi/programs/nastroika-i-podklyuchenie-asus-rt-n12-router-asus-rt-n12-podklyuchenie-i/'
class='related-item__title'>Cấu hình và kết nối router asus rt n12 Router asus rt n12 vp</a>
</li>
<li>
<img src="/uploads/6feb6415e60736d4ff3fe412e9bbd814.jpg" width="180" height="160" alt="Thiết lập mạng Internet và mạng WiFi Akado Telecom: các tính năng kết nối thiết bị" loading=lazy loading=lazy> <a href='https://leally.ru/vi/good-to-know/akado-tip-podklyucheniya-k-internetu-nastroika-interneta-i-wifi/'
class='related-item__title'>Thiết lập mạng Internet và mạng WiFi Akado Telecom: các tính năng kết nối thiết bị</a>
</li>
<li>
<img src="/uploads/cdde60c12f9021af901e4456200d996b.jpg" width="180" height="160" alt="Gói kênh truyền hình Rostelecom" loading=lazy loading=lazy> <a href='https://leally.ru/vi/how-to-open/tematicheskii-paket-premium-zala-kakie-kanaly-vhodyat-pakety/'
class='related-item__title'>Gói kênh truyền hình Rostelecom</a>
</li>
</ul>
</div>
<style>
.nafAdaptMedia { width: 100%; height: 300px; }
@media(min-width: 500px) { .nafAdaptMedia { width: 100%; height: 300px; } }
@media(min-width: 800px) { .nafAdaptMedia { width: 100%; height: 300px; } }
</style>
<style>
.nafAdaptText { width: 100%; height: 300px; }
@media(min-width: 500px) { .nafAdaptText { width: 100%; height: 300px; } }
@media(min-width: 800px) { .nafAdaptText { width: 100%; height: 300px; } }
</style>
</div>
<div id="rightColomn">
<div class="title">Thể loại</div>
<aside>
<ul id="asidemenu" class="menu">
<li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='https://leally.ru/vi/category/programs/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Các chương trình</span></a></li>
<li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='https://leally.ru/vi/category/windows/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">các cửa sổ</span></a></li>
<li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='https://leally.ru/vi/category/browsers/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Các trình duyệt</span></a></li>
<li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='https://leally.ru/vi/category/word/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Từ</span></a></li>
<li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='https://leally.ru/vi/category/excel/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Excel</span></a></li>
<li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='https://leally.ru/vi/category/payment-systems/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Hệ thống thanh toán</span></a></li>
<li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='https://leally.ru/vi/category/download-software/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Tải chương trinh</span></a></li>
</ul>
</aside>
<div class="banner" id="text-4">
<div class="textwidget">
</div>
</div>
</div>
</div>
</div>
<div class="hfooter"></div>
</div>
<footer>
<div class="container">
<ul>
<li><a href='https://leally.ru/vi/sitemap.xml'>bản đồ của trang web</a></li>
</ul>
<div class="copy"> <a href='https://play.google.com/store/apps/details?id=org.planetsapp.pdfreader' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=leally.ru&sub2=org.planetsapp.pdfreader&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a>2021, leally.ru - Hướng dẫn của bạn trong thế giới máy tính và Internet</div>
</div>
</footer>
<script type="text/javascript">
jQuery(document).ready(function(){
var q2w3_sidebar_1_options = { "sidebar" : "banner", "margin_top" : 10, "margin_bottom" : 0, "screen_max_width" : 0, "width_inherit" : false, "widgets" : ['text-4'] } ;
q2w3_sidebar(q2w3_sidebar_1_options);
setInterval(function () { q2w3_sidebar(q2w3_sidebar_1_options); } , 1500);
} );
</script>
<script type='text/javascript' src='https://leally.ru/wp-content/plugins/akismet/_inc/form.js?ver=3.1.10'></script>
<script type='text/javascript' src='https://leally.ru/wp-content/plugins/fitvids-for-wordpress/jquery.fitvids.js?ver=1.1'></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('body').fitVids();
} );
</script><script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script>
</body>
</html>
