Sử dụng và tối ưu hóa thẻ meta h1: ví dụ về cách sử dụng khóa trong thẻ h1. Tiêu đề H1 và TITLE

Xin chào quý khách.

Hôm nay sẽ có một bài viết về chủ đề tiêu đề H1-H6 cho trang web.

Chắc hẳn mọi người đều đã biết đây là loại tiêu đề gì, nhưng tôi chắc rằng không phải ai cũng biết những điểm tinh tế trong việc sử dụng chúng và đừng đoán rằng việc sử dụng chúng trên các trang tài nguyên chỉ có 2 nhiệm vụ.

Mục đích và trường hợp sử dụng

Hai mục đích chính của tiêu đề trong thẻ H1-H6 là thiết kế và cấu trúc nội dung trên các trang tài nguyên để làm cho nó dễ đọc hơn và khách truy cập trang web dễ dàng đọc. Chúng ta không nên theo đuổi bất kỳ mục tiêu nào khác từ các thẻ này.

Ngoài việc đơn giản được sử dụng như các yếu tố cấu trúc nội dung và thiết kế của nó, khách truy cập thường sử dụng các thẻ này để cung cấp thiết kế cần thiết cho các cụm từ riêng lẻ hoặc thậm chí toàn bộ câu. Nó chỉ ra rằng thẻ H6 (ví dụ) có thiết kế chỉ là một phông chữ đậm và thay vì làm nổi bật một dòng trong văn bản bằng một thẻ , họ bọc nó trong một thẻ H6. Điều này là sai cơ bản.

Các tiêu đề trong các thẻ này chỉ nên được sử dụng để chia văn bản thành các phần hợp lý. Không có lựa chọn toàn bộ câu và cụm từ riêng lẻ.

Ngoài ra, các tiêu đề H1-H6 có một hệ thống phân cấp, làm cho chúng khác nhau về thiết kế, ít nhất là về kích thước phông chữ. Mỗi cấp độ thấp hơn sẽ ít được chú ý hơn so với cấp độ ở trên nó.

Hình ảnh cho thấy thiết kế chính xác của các tiêu đề trong các thẻ này, khi kích thước phông chữ đi theo thứ tự giảm dần từ trên xuống dưới. Nếu bạn gặp phải tình huống khác với trường hợp này, thì bạn nên chuyển sang phong cách thiết kế của trang web của mình và chỉnh sửa chúng cho phù hợp.

Nhưng đây là một điểm - hãy đảm bảo rằng các tiêu đề của cấp thấp hơn (gần H6 hơn) trông giống như các tiêu đề và không hợp nhất với văn bản thông thường. Chúng phải trông giống như các tiêu đề chứ không chỉ in đậm.

Dựa trên thiết kế này, chúng ta có thể hiểu rằng các tiêu đề phải duy trì thứ bậc của chúng khi được sử dụng như một thành phần của cấu trúc văn bản. Không thể có tiêu đề đầu tiên H1 xuất hiện trước, sau đó đến ngay H5 hoặc H6. Sau cấp độ đầu tiên, việc chỉ sử dụng tiêu đề trong thẻ H2 là hợp lý và đúng đắn. Điều này rất quan trọng, cả từ quan điểm thiết kế của chính vật liệu, và từ quan điểm duy trì cấu trúc chính xác.

Các công cụ tìm kiếm bây giờ chú ý đến các thẻ này. Nhưng không phải là các yếu tố SEO, mà là các yếu tố cấu trúc. Vì vậy, sẽ rất lạ nếu H1 đi, và sau đó ngay lập tức H6.

Khi sử dụng các thẻ này, chúng tôi đảm bảo duy trì cấu trúc. Nếu chúng ta đi xuống một cấp độ, sau đó không nhảy qua cấp độ. Cấu trúc sẽ như sau: H1-H2-H3-H4-H5-H6.

Điều đáng nói là việc sử dụng tiêu đề cấp H1 trong những trường hợp này sẽ không thích hợp, vì nó chỉ nên được sử dụng một lần trên trang và phải chứa tên của tài liệu. Vì vậy, không nhất thiết phải sử dụng nó trong văn bản.

Bây giờ tôi sẽ trình bày những điểm chính của việc sử dụng tiêu đề H1, nhưng trước đó tôi sẽ đưa ra một số mẹo chung có giá trị cho các tiêu đề ở mọi cấp độ.

  • Không kết thúc bằng dấu chấm;
  • Chúng tôi duy trì một hệ thống phân cấp khi được sử dụng;
  • Không có mục đích để đặt từ khóa;
  • Chúng diễn ra ngay cả trong các bài báo rất ngắn, vì bất kỳ văn bản nào cũng có thể được chia thành các phần hợp lý;
  • Trong tiêu đề, nhập nội dung ngắn gọn của văn bản tiếp theo, chứ không phải nội dung "nếu chỉ là".

Kiến thức cơ bản về H1

Các quy tắc trên cũng có liên quan, nhưng ngoài chúng, có những quy tắc bắt buộc đối với cấp tiêu đề cụ thể này.

  • H1 luôn là một lần trên mỗi trang;
  • Chúng tôi khuyến khích người dùng đọc tài liệu, vì vậy sẽ hợp lý khi sử dụng các từ ngữ kiên trì (ví dụ: bí mật, chip tốt nhất, v.v.);
  • Chúng tôi làm cho nó khác với thẻ tiêu đề, thẻ này hiển thị tên của trang trong kết quả tìm kiếm và khuyến khích chuyển đổi sang trang web từ tìm kiếm. Nó phải hơi khác một chút, nhưng chắc chắn phải hiểu rằng bối cảnh của tài liệu trên trang không thay đổi;
  • Chúng tôi sử dụng từ khóa của bài báo, nhưng ở dạng loãng và không xuất hiện chính xác;
  • Dấu câu không được khuyến khích.

Sử dụng trong thực tế

Ở trên, tôi đã viết rằng H1 chỉ được sử dụng 1 lần trên trang và nó sẽ được tự động tích hợp vào bố cục của mẫu trang web và cũng sẽ được thay thế tự động trong tiêu đề. Kiểm tra thời điểm này. Phân tích tiêu đề bài viết của bạn và xem liệu chúng có được gói gọn trong H1 hay không. Nếu không đúng như vậy, hãy chỉnh sửa mẫu của bạn.

Một tình huống phổ biến khi thay vì H1 là H2. Đây không phải là một sai lầm thô thiển, nhưng tốt hơn hết là không nên cho phép điều này.

Nếu chúng ta đang nói về việc sử dụng các cấp độ khác của tiêu đề H2-H6, thì chúng nên được sử dụng ở chế độ thủ công.

Sử dụng một số CMS để tạo một trang web, các tiêu đề này được thêm vào các bài báo rất đơn giản. Ví dụ: trong WordPress, bảng định dạng trong trình chỉnh sửa trang luôn có mục nhập tiêu đề nơi bạn có thể chọn cấp độ mong muốn bằng cách đánh dấu trước đó văn bản mong muốn mà bạn muốn đưa vào tiêu đề.

Nó giống nhau với mọi động cơ. Nếu bạn sử dụng bố cục HTML của trang web và bạn cần thêm thẻ theo cách thủ công, thì sẽ không có khó khăn gì. Chỉ cần bao bọc những phần cần thiết của văn bản giữa thẻ mở và thẻ đóng với các mức độ mong muốn. Xem bên dưới để biết các ví dụ.

tiêu đề cấp 2

tiêu đề cấp 3

tiêu đề cấp 4

tiêu đề cấp 5
tiêu đề cấp 6

Đối với các kiểu cho mỗi cấp, bạn nên thêm các quy tắc cho mỗi cấp trong tệp kiểu.

Lưu ý rằng không có dấu chấm hoặc dấu thăng trước tên cấp tiêu đề trong các kiểu. Bên trong dấu ngoặc, chúng tôi chỉ định chính các kiểu: loại phông chữ, kích thước, màu sắc, nền, v.v.

Thiết kế tiêu đề H1-H6

Nếu bạn làm cho tiêu đề của mình một thiết kế bắt mắt độc đáo, thì khách truy cập sẽ chỉ cảm ơn bạn vì điều này và thiết kế của nội dung sẽ ở mức cao nhất. Bây giờ các tiêu đề đơn giản với cỡ chữ lớn và nhấn mạnh đậm đã là dĩ vãng.

Đơn giản, nhưng đồng thời, các tiêu đề đang trở thành mốt với sự trợ giúp của nhiều lựa chọn khác nhau với các đường kẻ, gạch chân với sự trợ giúp của nền, v.v.

Tôi đã từng đưa ra một số ví dụ về thiết kế như vậy. Ngay cả khi bạn lấy blog của tôi, tiêu đề chính trong H1 không chỉ là một phông chữ lớn trên nền trắng với phần còn lại của văn bản. Nó được ngăn cách bằng một khung màu xám so với nền chung của trang web, điều này làm cho nó dễ nhìn thấy hơn và thu hút sự chú ý vào nó.

Tôi sẽ cung cấp cho bạn thêm 2 ví dụ về các tiêu đề được tạo kiểu trong H1.

Như bạn có thể thấy, đây không chỉ là một phông chữ đậm, mà là một nền đẹp với bề mặt dưới gợn sóng và phần trên được gạch chân.

Bạn cũng có thể xem một thiết kế thú vị cho mình tại trang này.

Đối với các tiêu đề H2-H6, chúng không chỉ có thể được trang trí bằng một số loại nền, mà được đánh số (nếu bạn sử dụng nội dung ở đầu trang) dưới dạng hình ảnh đẹp. Một lần nữa, đây không phải là những con số đơn giản. Đây là một ví dụ điển hình về một ý tưởng như vậy.

Khi bạn biết điều gì đó mà hầu hết mọi người không biết chứ đừng nói đến việc làm, bạn có thể tiếp tục và xem xét những sai lầm chính trong việc sử dụng tất cả các cấp tiêu đề trên trang web của mình.

Sai lầm khi sử dụng

Bạn đã có thể tự mình nghĩ ra tất cả các sai lầm, sau khi đã nghiên cứu tất cả các tài liệu ở trên, nhưng có một số sắc thái. Tôi sẽ liệt kê mọi thứ có thể áp dụng cụ thể cho bạn và những gì cần được sửa chữa ngay lập tức.

  • Nhiều hơn một H1 trên mỗi trang. Nó không đúng. Chỉ một lần cho mỗi tài liệu;
  • Sử dụng thẻ H1-H6 để thiết kế các phần tử bổ sung của trang web. Ngay từ đầu, tôi đã viết rằng mục đích của những tài liệu này là thiết kế và cấu trúc nội dung. Do đó, chúng chỉ nên được sử dụng trong nội dung. Hầu hết các mẫu trang web đều bao gồm các thẻ này trong thanh bên để tạo kiểu cho tiêu đề của chúng, v.v. Điều này được thể hiện rõ ràng trong các mẫu WordPress, khi tên của mỗi tiện ích con trong thanh bên được đặt trong thẻ H3 hoặc các thẻ khác.
  • Đặc biệt nhập từ khóa. Trước đây, có ý kiến ​​cho rằng bằng cách nhập từ khóa trực tiếp vào tiêu đề của tất cả các cấp, bạn có thể tăng mật độ của chúng và vị trí của một trang như vậy sẽ cao hơn. Nhưng bây giờ điều này đã bị "trừng phạt bởi pháp luật" của các công cụ tìm kiếm và các biện pháp trừng phạt được áp dụng cho thư rác trong các tiêu đề. Hơn nữa, các thẻ này được xếp hạng theo các thuật toán khác. Kết luận: không có mục đích nhập từ khóa;
  • Thường xuyên sử dụng dấu chấm và dấu câu. Hoàn toàn không nên sử dụng dấu chấm trong tiêu đề, vì điều này là sai theo quan điểm của cả copywriting và các quy tắc chung cho việc thiết kế văn bản. Chúng tôi cũng cố gắng giảm thiểu số lượng dấu câu để tăng khả năng đọc của các tiêu đề. Một số lượng lớn các từ cũng có thể được quy vào đây - không đặt tiêu đề quá dài;
  • Đoạn trích cấu trúc theo quan điểm của hệ thống thứ bậc không được tôn trọng. Cố gắng tuân theo một chuỗi logic trong việc xây dựng hệ thống phân cấp các thẻ H2-H6 trên mỗi trang;
  • Sử dụng thẻ H1-H6 để tạo kiểu cho các phần tử văn bản khác, không phải tiêu đề. Đây là những gì tôi đã nói ở trên, khi kiểu dáng của mỗi thẻ được định cấu hình không chính xác và thay vì in đậm thông thường, bạn có thể sử dụng tiêu đề ở một số cấp độ.
  • Tiêu đề không thích hợp hoặc không mang ngữ cảnh của văn bản theo sau nó. Để tìm hiểu cách tạo các tiêu đề hợp lý, hãy chọn một vài cuốn sách được thiết kế tốt và dễ đọc cho bạn. Cũng được hướng dẫn bởi cấu trúc nội dung trên trang Wikipedia;
  • Hoàn toàn không sử dụng tiêu đề H1-H6 hoặc không sử dụng trong các văn bản nhỏ. Chỉ là sự vắng mặt hoàn toàn và không có gì để nói, nhưng về sự vắng mặt trên các trang nhỏ - thời điểm này thật đáng nghi ngờ, vì bất kỳ văn bản nào (thậm chí tối thiểu 1000 ký tự) đều có cấu trúc logic. Chuyển từ chủ đề này sang chủ đề khác. Tại sao không chia nhỏ nó thành các phần hợp lý với các tiêu đề phụ ở nhiều cấp độ khác nhau?

Đó là tất cả, các quản trị viên web thân mến. Tài liệu về các tiêu đề trên trang web đã kết thúc. Nó đi ra khá chặt chẽ. Ở đâu đó tôi đã lặp lại chính mình, nhưng điều này chỉ nhằm tập trung sự chú ý của bạn vào những ý chính của bài viết. Tôi hy vọng rằng tài liệu này hữu ích cho bạn.

Nhân tiện, bạn có thể tìm thấy một lỗ hổng nhỏ trong tiêu đề của tôi trên trang web này không? Nếu có, sau đó viết trong các ý kiến. Khoảnh khắc này không đáng chú ý lắm, nhưng nó ở đó.

Hẹn gặp lại các bạn trong những bài viết tiếp theo. Vẫn còn phía trước.

Trân trọng, Konstantin Khmelev!

H1-h6 có nghĩa là gì?

Trong mọi trường hợp, bạn cần bắt đầu với lý thuyết, bởi vì không có điều này thì không thể tiếp tục. Vì vậy, đây là những thẻ html chứa văn bản sẽ trở thành tiêu đề. H1 là tiêu đề chính của trang, nó nên là tiêu đề duy nhất, h2 là phụ đề của bài báo hoặc phần của chương (nếu chúng ta đang nói về một cuốn sách), h3 là tiêu đề trong phần, v.v.

Trong xây dựng trang web, theo quy tắc, h1-h3 thường được sử dụng nhất, ba thẻ cuối cùng được sử dụng cực kỳ hiếm, vì không cần phải chia văn bản thành các phần nhỏ như vậy, trừ khi chúng ta đang nói về một ấn phẩm văn bản lớn.

Các tiêu đề đã được tạo kiểu theo mặc định. Ví dụ: các chữ cái trong tiêu đề được in đậm và kích thước của chúng gấp 1,5 đến 3 lần kích thước của văn bản thông thường trên trang.

Các quy tắc cơ bản để làm việc với tiêu đề

Có bao nhiêu h1 có thể được trên trang web? Bao nhiêu tùy thích, vì tài nguyên Internet có thể bao gồm nhiều trang. Ở đây, điều quan trọng hơn là tuân thủ một quy tắc khác - phải có MỘT h1 trên mỗi trang riêng lẻ của trang web của bạn. Điều này là do đây là tiêu đề chính và luôn phải có một tiêu đề chính.

Nhưng điều gì sẽ xảy ra nếu bạn bỏ qua quy tắc này? Như thực tế cho thấy, không có gì thảm khốc có thể xảy ra. Tôi sẽ không viết về nó, nhưng tôi biết một số trường hợp quản trị viên web có nhiều h1 trên một trang, trong khi tất cả các bài viết của họ vẫn giữ vị trí của chúng trong công cụ tìm kiếm.

Vì vậy, nó có thể là như vậy, nhưng bạn không cần phải tạo cụ thể một số h1 trên trang. Nó vẫn không đúng và nó vẫn có thể có hại. Ví dụ: trong các tình huống ở trên, các quản trị viên web đã quảng cáo các trang web dành cho người lớn, vì vậy một vài h1 trên mỗi trang không làm cho mọi thứ tồi tệ hơn.

Tuy nhiên, khi quảng bá một trang web non trẻ, điều rất quan trọng là phải tuân theo nhiều sự tinh tế khác nhau để tài nguyên đó nhận được sự chấp thuận của các công cụ tìm kiếm càng nhanh càng tốt và bắt đầu mang lại lưu lượng truy cập.

Rõ ràng, h1 nên ở đầu bài viết. Điều này không giống như thẻ meta tiêu đề. Tiêu đề hiển thị trong kết quả tìm kiếm và trong tiêu đề của tab trình duyệt và h1 hiển thị trực tiếp trên trang. Phần còn lại của các tiêu đề (h2-h6) có thể có bao nhiêu tùy thích, với bất kỳ số lượng nào.

Làm thế nào để kiểm tra xem h1 có trên một trang hay không?

Bây giờ chúng ta chuyển sang điều quan trọng nhất. Làm cách nào để xác định xem mọi thứ trên trang web của bạn có bình thường hay không với dòng tiêu đề? Có ít nhất một vài tùy chọn về cách bạn có thể thực hiện việc này.

Đầu tiên, hãy mở mã nguồn và tìm kiếm nó. Mã nguồn được mở bằng phím tắt Ctrl + U. Tiếp theo, bạn cần tổ hợp Ctrl + F để mở tìm kiếm. Nhập tên của thẻ mong muốn vào đó, cụ thể là h1.

Sẽ đúng nếu bạn tìm thấy hai kết quả - thẻ mở và thẻ đóng, tương ứng. Nếu có nhiều kết quả hơn, bạn cần thực hiện thay đổi đối với mã mẫu trang web. Nếu h1 hoàn toàn không có, thì cũng phải thực hiện các biện pháp để làm cho nó xuất hiện.

Thứ hai, bạn có thể sử dụng một số dịch vụ phân tích trang web cho các chỉ số tối ưu hóa công cụ tìm kiếm của nó và đưa ra một báo cáo. Có rất nhiều dịch vụ như vậy, tôi sẽ chỉ đưa ra một số ít: pr-cy.ru, Audit.megaindex.ru/

Trong dịch vụ Megaindex, có thể kiểm tra mức độ liên quan của một trang, tức là nó được tối ưu hóa như thế nào cho một cụm từ khóa cụ thể. Nhập địa chỉ của một trong các trang trên trang web của bạn và từ khóa chính. Trong trường hợp chỉ kiểm tra h1, cụm từ khóa này có thể là bất kỳ thứ gì.

Như bạn có thể thấy, kiểm tra cho thấy chỉ có 1 h1 trên trang, điều này tốt. Nếu có nhiều hơn, kiểm tra chắc chắn sẽ xác định nó. Như bạn có thể thấy, đây là một yếu tố quan trọng, mặc dù không phải là yếu tố quan trọng. Sự không tuân thủ của nó sẽ không dẫn đến một cái gì đó thảm khốc, nhưng trong tối ưu hóa công cụ tìm kiếm, những vấn đề như vậy nên được loại bỏ trước tiên.

Nếu một vấn đề được tìm thấy, làm thế nào để giải quyết nó?

Giải pháp rất đơn giản, bạn chỉ cần chỉnh sửa mã mẫu của mình một chút. Trước hết, bạn cần biết trang web của bạn đang hoạt động trên công cụ nào. Cấu trúc của các mẫu cho tất cả các công cụ có thể hơi khác nhau, nhưng vẫn có nhiều điểm chung.

Ví dụ: trong WordPress, bạn sẽ cần chỉnh sửa tệp page.php (mẫu trang) và single.php (mẫu bài đăng). Nó cũng sẽ hữu ích khi xem các tệp index.php (trang chính) và archive.php (tệp lưu trữ theo ngày tháng và tác giả), và đôi khi cũng có một category.php trong các chủ đề (các mục danh mục riêng biệt).

Giả sử bạn đã tìm thấy và mở tệp mong muốn, bạn phải làm gì tiếp theo? Sau đó, sử dụng cùng một tìm kiếm (Ctrl + F). Nhập lại tên thẻ. Nếu không có nhiều mã trong tệp, thì bản thân bạn có thể xem qua nó và tìm các dòng cần thiết. Ở đây, hành động của bạn phụ thuộc vào chính xác những gì cần được sửa chữa.

Ví dụ, trong một mẫu, tiêu đề của bài đăng được hiển thị trong h2. Có lẽ nhà phát triển của nó không hiểu về SEO, đó là lý do tại sao anh ta lại mắc sai lầm như vậy. Nhưng điều này có thể dễ dàng sửa chữa. Chúng tôi chỉnh sửa single.php và thay đổi h2 thành h1 trong đó. Điều này có thể được thực hiện cả thủ công và sử dụng chức năng thay thế tự động.

Bạn cũng có thể cần chỉnh sửa thanh bên (sidebar.php). Trên thực tế, h1 bổ sung có thể ở bất cứ đâu: trong tiêu đề của các widget, trong menu và thậm chí trong chân trang (footer.php). Tất cả điều này cần phải được tìm thấy và loại bỏ.

Chà, nếu có nhiều h1 trong chính bài viết thì sao? Sau đó, vấn đề còn được giải quyết dễ dàng hơn - bằng cách tự chỉnh sửa bài viết. Loại bỏ tất cả h1 không cần thiết, chỉ để lại một tiêu đề chính.

Như bạn thấy, bạn có thể tự mình giải quyết vấn đề này mà hoàn toàn không có vấn đề gì. Để làm được điều này, bạn thậm chí không cần kiến ​​thức trong lĩnh vực xây dựng trang web, mà chỉ cần khả năng sơ cấp để tìm và mở tệp, sử dụng tìm kiếm và thay đổi các dòng cần thiết một chút. Có, và bây giờ không cần phải nhờ đến một chuyên gia SEO, ít nhất là về vấn đề mà chúng ta đã xem xét ngày hôm nay.

Chà, bây giờ bạn đã biết cách kiểm tra tiêu đề h1 trên trang và thiết lập mẫu đúng cách. Tất nhiên, đây chỉ là một trong nhiều cài đặt sẽ giúp bạn quảng bá và kiếm tiền từ trang web của mình. Bạn có thể tìm thấy nhiều thông tin hơn nếu bạn nghiên cứu và rút nó về mức thu nhập 20 nghìn rúp một tháng trong thời gian ngắn nhất có thể. Chúc may mắn với mọi thứ và vị trí tốt trong tìm kiếm của bạn!

12/02/15 44.1K

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 xếp hạng cao hơn và vượt trội hơn các đối thủ cạnh tranh trong kết quả tìm kiếm. Nguyên nhân có thể do thẻ h1, h2 ... h6 được đặt không chính xác. 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 đó.

Thẻ h1 -h6 cho phép bạn đánh dấu các tiêu đề của 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 chính xác hơn chủ đề của bài viết và mang lại lợi thế xếp hạng.

Việc gắn thẻ thích hợp 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:

Tại sao chúng ta cần thẻ h1-h6?

Các thẻ chứa tên trang web, tiêu đề và tiêu đề phụ của văn bản:


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à " tiêu đề, tiêu đề". Đây là một ví dụ về nó trông như thế nào:

tiêu đề

Các thẻ tiêu đề nên được đặt trên mỗi trang của tài nguyên. Đồng thời, tầm quan trọng của tiêu đề sẽ được ghen tị với số lượng của nó, nó càng nhỏ, tiêu đề càng quan trọng:

- các thẻ quan trọng nhất

- các thẻ ít quan trọng hơn ...
- các thẻ quan trọng cuối cùng

Tuy nhiên, vị trí của chúng nên được xử lý một cách thận trọng. Việc sử dụng sai có thể dẫn đến việc tài nguyên của bạn bị các công cụ tìm kiếm phạt.

Cú pháp của thẻ h1-h6

Tên của văn bản

Phụ đề 1

...

Phụ đề 2

Phụ đề 3.1

...

Phụ đề 3_2

Phụ đề 3


Các thẻ phổ biến nhất là h1 h2 h3.

Làm thế nào để sử dụng thẻ h1 một cách chính xác?

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.

Thẻ HTML h1 là thẻ quan trọng nhất. 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 lẫn nó với thẻ (<span>tiêu đề trang</span>). Tiêu đề được hiển thị trong trình duyệt ở đầu màn hình bên trái tại thời điểm mở trang tài nguyên. Tiêu đề được viết trong tiêu đề của trang giữa <head></head>, trong khi h1 -h6 được chỉ định 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ỗi 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à hành vi gửi thư rác, do đó sẽ đe dọa bằng lệnh cấm:</p> <p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Quy tắc biên dịch tiêu đề chính h1: <ul><li>Thẻ nên sử dụng các từ khóa được sử dụng để quảng cáo trang;</li> <li>Đừng làm cho tiêu đề h1 quá đồ sộ, 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 cho nó nổi bật, hãy đặt các mã bên ngoài thẻ;</li> <li>Trước khi viết h1 theo cách thủ công, hãy đảm bảo rằng động cơ không đặt nó tự động;</li> <li>Nội dung h1 phải tương ứng với chủ đề được nêu trong tiêu đề của trang;</li> <li>Khi biên dịch h1, hãy đảm bảo sử dụng cụm từ khóa mà trang đang tiến hành;</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 rõ ràng 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 tài nguyên.</li> </ul><p><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, v.v. đượ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>Theo quy định, nó được sử dụng cho các tiêu đề của bài đăng trong nguồn cấp dữ liệu được đặt trên trang chính hoặc cho các tiêu đề phụ trong bài viết.</p> <h4>Thẻ h3, h4</h4> <p>Thông thường, chúng được sử dụng để đánh dấu tên của các tiêu đề phụ, danh 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 sắp xếp h2 -h6:</p> <ul><li>Cấu trúc tiêu đề. Hệ thống phân cấp người đứng đầu 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ỏ. Chỉnh sửa phông chữ được thực hiện trong các phong cách. 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ẻ dấu trọng âm khác. Trong các tiêu đề, bạn nên sử dụng các từ khóa 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ể xuất hiện nhiều lần trên một trang.</li> </ul><p><body> <h1>Tôi là người đứng đầu hệ thống phân cấp chức danh</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>Các từ khóa chính tốt nhất nên được đặt gần đầu tiêu đề hơn;</li> <li>Các cụm từ chính được viết trong các tiêu đề nên được tìm thấy trong văn bản của trang;</li> <li>Thẻ H1 - h6 phải ngắn gọn, súc tích và đầy đủ thông tin:</li> </ul> <i> </i> <blockquote class="bq-idea"><p>Trong các dự án thông tin hàng đầu của tôi, đầu tiên một chuyên gia về chủ đề này vẽ ra cấu trúc của bài báo (tiêu đề và tiêu đề phụ), sau đó người viết quảng cáo viết văn bản lên chúng.</p> </blockquote> <p>Cấu trúc thực sự rất quan trọng nếu bạn quan tâm đến chất lượng. Và để tạo một cấu trúc bình thường, bạn cần hiểu về cách hoạt động của thẻ h.</p> <p>h1 là tiêu đề phụ chính trong bài viết, tiêu đề này thường được đặt phía trên văn bản.</p> <blockquote class="bq-vajno"><p>Tiêu đề đầu tiên phải lớn hơn một cách trực quan so với các tiêu đề còn lại trên trang.</p> </blockquote> <p>h2-h6 là các tiêu đề phụ nhỏ được lồng vào nhau.</p> <h2><span>Tiêu đề để làm gì?</span></h2> <p>Đối với những người chưa hiểu biết nhiều thì đây là một video khá hay về kiến ​​thức cơ bản của tiêu đề phụ h1-h6. Nếu bạn không coi mình là một chuyên gia, hãy xem:</p> <p><span class="JuB6WeW7bcU"></span> <span class="JuB6WeW7bcU"></span></p> <p>Và để củng cố tài liệu, video yếu hơn một chút:</p> <p><span class="MlX8xFRRAXE"></span> <span class="MlX8xFRRAXE"></span></p> <p>Các tiêu đề được gọi bằng một cụm từ hoặc thậm chí một từ để làm nổi bật bản chất chính, ý tưởng của văn bản tiếp theo. Thông thường, một người chú ý đến chúng trước hết, quyết định có đọc phần còn lại của tài liệu hay không. Tiêu đề đặc biệt quan trọng trong các văn bản, thư từ quảng cáo và là công cụ chính để thu hút sự chú ý của đối tượng mục tiêu.</p> <p>Trong mã, thẻ trông như thế này: <h1>, trong đó chữ h bắt nguồn từ từ "header", có nghĩa là "tiêu đề" trong bản dịch. Mỗi cấp độ được biểu thị bằng một số tương ứng.</p> <h3><span>Thẻ chữ H qua con mắt của mọi người</span></h3> <p>Văn bản tiêu đề phụ sạch hơn và dễ đọc hơn. Người dùng hiện đại từ lâu đã học cách quét các bài báo chỉ trong vài giây và nhanh chóng đưa ra kết luận liệu nó có đáng để đọc toàn bộ văn bản hay không, liệu nó có chứa thông tin hữu ích mà anh ta đang tìm kiếm hay không. Tiêu đề bắt mắt, làm nổi bật điều chính và cho người dùng cơ hội để phân tích tài liệu.</p> <p>Các thẻ h1, h2, h3, h4, h5, h6 cho phép bạn tạo một loại bản đồ cho người đọc, theo đó anh ta có thể nhanh chóng điều hướng trong văn bản. Và nếu những bí mật này thu hút được sự chú ý, thì người đó sẽ nán lại trang và có thể sẽ đọc toàn bộ bài báo. Bạn có thể kiểm tra kết quả bằng các yếu tố hành vi. Nếu mọi người nán lại trên trang, thực hiện bất kỳ hành động nào, thì công việc về SEO đã không được thực hiện một cách vô ích.</p> <h3><span>Thẻ H qua mắt các công cụ tìm kiếm</span></h3> <p>Robot tìm kiếm thu thập thông tin từ chúng để phân tích ngữ nghĩa. Đặc biệt quan trọng đối với bot là các tiêu đề của các cấp h1, h2, h3. Việc sử dụng chúng không nhất quán hoặc không chính xác có thể ảnh hưởng tiêu cực đến thứ hạng của trang. Nếu không có thẻ h nào trong mã HTML, thì trang web sẽ gặp khó khăn trong việc quảng bá. Các cấp độ h4, h5, h6 ít có ý nghĩa hơn.</p> <h2>Thứ bậc của thẻ H</h2> <p>Quy tắc chính trong việc sắp xếp các tiêu đề là thứ bậc của chúng. Không nhất thiết các thẻ phải theo nhau về kích thước, nhưng không thể chấp nhận được việc sử dụng, ví dụ như h3 trong văn bản nếu bạn không có meta h2 ở bất kỳ đâu, hoặc sử dụng h6 mà không có h5.</p> <p>Đây là cấu trúc phân cấp trông như thế nào với sự lồng ghép thích hợp:</p> <h2>Thẻ h1 là gì</h2> <p>Thẻ h1 là mục lục của văn bản (nó giống như tiêu đề của một cuốn sách hoặc tiêu đề của một bài báo trên một tờ báo).</p> <blockquote class="bq-vajno"><p>Mỗi trang chỉ nên có một và chỉ một thẻ h1.</p> </blockquote> <p>Về mặt thu hút đối với người dùng, nó là điều tối quan trọng. Nhưng để thúc đẩy SEO ,.</p> <p>Chức danh cũng là một chức danh, nhưng nó được quy định không chỉ cho con người, mà còn cho cả robot. Nó không được hiển thị trên chính trang mà chỉ hiển thị trong tab trình duyệt và trong đoạn mã dưới dạng một liên kết hoạt động đến trang web. Trên thực tế, tiêu đề là một sự thay thế, nhưng là tiêu đề chính cho một tài liệu html. Nếu nó bị thiếu, thì công cụ tìm kiếm sẽ lấy h1 làm cơ sở và sử dụng nó trong liềm.</p> <h3><span>Tại sao h1 nên khác với Tiêu đề</span></h3> <p>Điều khá quan trọng là phải hiểu rằng h1 và Title là các tiêu đề khác nhau. Và chúng phải được kết hợp một cách khéo léo cho phù hợp. Dưới đây là những điều cơ bản về chủ đề này:</p> <p><span class="U6ODRKPEJ_M"></span> <span class="U6ODRKPEJ_M"></span></p> <p>Bỏ qua các quy tắc về tính duy nhất và mức độ liên quan của các tiêu đề có thể dẫn đến thực tế là trang web sẽ nằm trong bộ lọc. Gần đây, các công cụ tìm kiếm đã bắt đầu quan tâm đặc biệt đến chất lượng nội dung và cài đặt SEO của nó. Việc trùng lặp, gửi thư rác, đặt tiêu đề lộn xộn, không nhất quán với nội dung đều bị trừng phạt.</p> <h3><span>Yêu cầu về độ dài H1</span></h3> <p>H1 được khuyến khích ngắn gọn hơn Tiêu đề, không vượt quá số ký tự hơn 50. Nhưng sẽ không có thảm họa nếu tiêu đề dài hơn, khi không thể ép toàn bộ điểm vào số lượng được chỉ định.</p> <p>Các plugin đặc biệt cho WordPress cho phép bạn phân tích việc điền chính xác tất cả các metas ngay trong trình chỉnh sửa.</p> <h4><span>Quy tắc viết có thẩm quyền h1</span></h4> <ul><li>Phải là duy nhất cho toàn bộ trang web và hoàn toàn có thể đọc được;</li> <li>Không lặp lại thẻ tiêu đề, nhưng cũng không mâu thuẫn với nó;</li> <li>Bạn không nên làm nó quá dài (bạn có thể làm cho tiêu đề trở nên đồ sộ hơn);</li> <li>Chỉ được sử dụng 1 lần trên mỗi trang;</li> <li>Có liên quan đến văn bản và phản ánh bản chất ngữ nghĩa của tài liệu;</li> <li>Thú vị, hấp dẫn người dùng;</li> <li>Bạn không thể đặt dấu chấm ở cuối và bạn nên sử dụng dấu chấm câu ở mức tối thiểu.</li> </ul><h4><span>Ứng dụng của các phím</span></h4> <p>Các cụm từ khóa chính, trước hết, nên chứa tiêu đề. Nhưng chúng cũng nên được viết bằng h1. Và ở đó, và ở đó tốt hơn là nên làm điều đó ngay từ đầu. Nhưng sẽ tốt hơn nếu các từ khóa không trùng lặp nhau trong hai thẻ này. Bạn cần sử dụng các dạng từ khác nhau hoặc pha loãng các lần xuất hiện trong h1 và các lần xuất hiện trực tiếp trong tiêu đề.</p> <blockquote class="bq-istoriya"><p>Một số lấy tất cả các chìa khóa của trang và tạo nên cấu trúc của các bài báo từ chúng. Hãy nhớ ngay rằng nếu không có PF thú vị, việc phân tán từ khóa theo các tiêu đề phụ như vậy sẽ bị bộ lọc trừng phạt vì ghi quá mức.</p> </blockquote> <h2><span>Các thủ thuật tâm lý để biên soạn một tiêu đề hấp dẫn</span></h2> <p>Tiêu đề phải hấp dẫn. Đây là video từ Maxim Ilyakhov, chuyên gia truyền thông, hiệu trưởng Trường biên tập và người tạo ra dịch vụ Glavred:</p> <p><span class="b7Cjj3KPEYg"></span> <span class="b7Cjj3KPEYg"></span></p> <p>Dưới đây là một vài "kỹ thuật" khác được sử dụng khi biên dịch tiêu đề.</p> <h3><span>Sự hòa tan</span></h3> <p>Hãy nhớ rằng một người luôn tìm kiếm không phải để tìm kiếm thông tin hay hàng hóa, mà trước hết là tìm kiếm giải pháp cho các vấn đề, nhu cầu của họ. Hoạt động chính xác với vấn đề dự định của đối tượng mục tiêu</p> <blockquote><p>Một ví dụ về tiêu đề thành công: “Tóc rụng? Hãy ngăn chặn sự bùng nổ sau một tuần nữa. " <br>Một ví dụ về tiêu đề không thành công: "Có thể ngừng rụng tóc?"</p> </blockquote> <p>Trong trường hợp đầu tiên, chúng tôi xác định rõ vấn đề và đưa ra giải pháp cụ thể. Trong trường hợp thứ hai, vấn đề bị ảnh hưởng gián tiếp và các phương án giải quyết nó bị mờ.</p> <h3>Âm mưu</h3> <blockquote><p>Một ví dụ về tiêu đề thành công: “Tiết lộ bí mật của công thức trị rụng tóc hiệu quả nhất”. <br>Một ví dụ về tiêu đề không thành công: "Công thức tốt nhất để chữa rụng tóc."</p> </blockquote> <h3>Lễ tân "kỳ thi"</h3> <p>Một câu ở dạng này thách thức người đọc tự kiểm tra.</p> <blockquote><p>Một ví dụ về dòng tiêu đề thành công: "Bạn có chắc chắn rằng bạn đang chống rụng tóc đúng cách không?" <br>Một ví dụ về tiêu đề không thành công: "Bạn có biết tất cả mọi thứ về rụng tóc."</p> </blockquote> <p>Tất nhiên, đây không phải là tất cả các phương pháp giúp tác động đến nhận thức của một người và thu hút sự quan tâm của anh ta. Đọc sách tiếp thị để đọc thêm nếu bạn quan tâm đến chủ đề này. Nhân tiện, tiêu đề cũng có thể "hấp dẫn". Hơn nữa, rất có thể chính anh ta là người được đánh dấu trong kết quả tìm kiếm. Bạn có thể kiểm tra màn hình của nó sau khi lập chỉ mục trang.</p> <h2><span>Tại sao cần có các tiêu đề phụ h2-h6</span></h2> <p>Các thẻ từ h2 đến h6 đã được đặt trong chính phần nội dung của bài viết, phân chia theo cấu trúc thành các đoạn theo chủ đề và trong mã tài liệu HTML, làm nổi bật các yếu tố quan trọng của nó. Chúng cũng được xác định bởi rô bốt tìm kiếm để phân tích ngữ nghĩa của trang.</p> <p>Chúng cần thiết để phân cấp mọi thứ quan trọng và đáng được người dùng chú ý trên trang. Cấu trúc như vậy giúp một người nhanh chóng điều hướng thông tin và đánh giá sự phù hợp với nhu cầu của họ.</p> <p>h2 - tập trung sự chú ý của người dùng và công cụ tìm kiếm vào nội dung chính của bài viết. Cho thấy ý nghĩa quan trọng nhất trong văn bản.</p> <p>h3 - là một mục phụ cho thông tin dưới H2, tiết lộ nó thậm chí còn sâu hơn.</p> <p>h4, h5, h6 - được định nghĩa là các tiêu đề phụ lồng nhau (tiết lộ chi tiết bản chất của H2 hoặc H3) và được sử dụng trong văn bản để làm nổi bật các đoạn văn nhỏ và các từ quan trọng, cũng như trong menu, thanh bên và các thành phần khác của web tài liệu.</p> <p>Tất cả các thẻ h phải trong vòng 50 ký tự.</p> <h2><span>Cách viết các tiêu đề phụ h2-h6 một cách chính xác</span></h2> <ul><li>Không thể có tiêu đề phụ nhỏ nhất mà không có tiêu đề lớn hơn. Nghĩa là, nếu văn bản có chứa thẻ meta h4, thì nó phải được đặt trước bởi h2 và h3.</li> <li>Mức tiêu đề càng cao, phông chữ càng phải lớn. Trong WordPress, cài đặt mặc định thường được đặt theo cách sao cho các thẻ được định dạng tự động ở dạng chính xác.</li> <li>Tất cả các thẻ h phải tương ứng với nội dung của nội dung, hiển thị bản chất của thông tin.</li> <li>Không thể chấp nhận việc sử dụng h1-h6 làm neo hoặc liên kết hoạt động.</li> <li>Bạn không thể viết các thẻ khác bên trong thẻ h.</li> <li>Chỉ văn bản và dấu câu mới được phép trong thẻ h.</li> <li>Tiêu đề phụ không được chứa quá nhiều từ khóa. Các từ khóa được sử dụng tốt nhất trong tiêu đề, h1, h2 và trong các từ khóa nhỏ hơn, chẳng hạn như h3, h5, h6, tập trung vào việc tiết lộ chi tiết của chủ đề.</li> </ul><p>Nếu phần đánh dấu trang chứa tiêu đề và tiêu đề chính H1, nhưng bản thân nội dung của bài báo không quá lớn và không chứa tiêu đề phụ, thì đây không phải là một sai lầm. Có nhiều trang nằm trong TOP, trong đó nội dung gần như là một dải liên tục, có lẽ được chia thành các đoạn văn. Có thể đạt được các vị trí dẫn đầu mà không cần “phù phép” đối với phần đánh dấu của văn bản, nhấn mạnh hơn vào. Các trang web WordPress được lập chỉ mục bởi các công cụ tìm kiếm. Tuy nhiên, việc sử dụng các thẻ này không chỉ làm cho công việc dễ dàng hơn mà còn làm cho nội dung dễ dàng hơn và trực quan hơn.</p> <h2><span>Cách điền thẻ h trong WordPress</span></h2> <p>h1 thường được điền vào trường phía trên văn bản trong bài đăng:</p> <p>Để tạo tiêu đề phụ h2-h6, bạn cần chọn phần tử cần thiết và di chuột qua tab "Tiêu đề", chọn phần tử mong muốn bằng cách nhấp vào nó. Làm tương tự cho từng tiêu đề phụ, bao gồm chúng ở định dạng chính xác.</p> <p>Có một cách thậm chí còn đơn giản hơn - bạn có thể nhập văn bản trong Word bằng cách sử dụng các đánh dấu cần thiết và chỉ cần sao chép-dán bài viết vào trình chỉnh sửa WordPress. Các tiêu đề được chọn trong Word sẽ tự động xuất hiện với kích thước chính xác. Nếu cần, bạn có thể sửa chúng bằng cách sử dụng các công cụ biên tập WordPress CMS.</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">Bài viết liên quan:</div> <ul class="related-items"> <li> <img src="/uploads/3ca357787e3fe5c34316940c41c73159.jpg" width="180" height="160" alt="Làm thế nào để kết nối các ổ cắm điện thoại một cách chính xác?" loading=lazy loading=lazy> <a href='https://leally.ru/vi/word/kak-podsoedinit-telefonnyi-kabel-kak-pravilno-podklyuchat/' class='related-item__title'>Làm thế nào để kết nối các ổ cắm điện thoại một cách chính xác?</a> </li> <li> <img src="/uploads/76f6d3b963755fa0e5ab7936c18a13ed.jpg" width="180" height="160" alt="Cách sao chép danh bạ từ điện thoại Android sang máy tính" loading=lazy loading=lazy> <a href='https://leally.ru/vi/browsers/samsung-sohranenie-kontaktov-na-kompyuter-kak-skopirovat/' class='related-item__title'>Cách sao chép danh bạ từ điện thoại Android sang máy tính</a> </li> <li> <img src="/uploads/62638ae2c263aa11d426330a07e0f113.jpg" width="180" height="160" alt="Cách kết nối điện thoại cố định với đường dây liên lạc, kết nối các đầu dây trong ổ cắm" loading=lazy loading=lazy> <a href='https://leally.ru/vi/programs/podsoedinenie-telefona-k-rozetke-kak-podklyuchit-stacionarnyi/' class='related-item__title'>Cách kết nối điện thoại cố định với đường dây liên lạc, kết nối các đầu dây trong ổ cắm</a> </li> <li> <img src="/uploads/62a0d989b3a6d5267c2845343678b519.jpg" width="180" height="160" alt="Rolsen là nhà sản xuất thiết bị điện tử lớn nhất ở Nga" loading=lazy loading=lazy> <a href='https://leally.ru/vi/payment-systems/kakaya-strana-vypuskaet-televizor-rolsen-rolsen-krupneishii-proizvoditel-elektroniki-v-rossii-dos/' class='related-item__title'>Rolsen là nhà sản xuất thiết bị điện tử lớn nhất ở Nga</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">vượt trội</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 đồ 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>2022, leally.ru - Hướng dẫn của bạn về 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>