Thẻ tiêu đề h1 h2 h3 div. Kỹ thuật tâm lý để viết một tiêu đề hấp dẫn
Igor. Cập nhật: ngày 6 tháng 10 năm 2012.
Xin chào các độc giả thân mến! Tôi tiếp tục xuất bản trong phần này và bài đăng hôm nay sẽ dành cho việc hình thành các tiêu đề html (thẻ h1-h6), cũng như các phương pháp định dạng văn bản html bằng cách làm nổi bật các từ hoặc cụm từ cần thiết (thẻ mạnh, b; em, i) và các đoạn văn bản (blockquote, thẻ trước).
Tôi phải nói rằng những công cụ này thường được yêu cầu trong công việc của một quản trị viên web, vì vậy tôi thấy cần phải nói về chúng, đặc biệt là vì ứng dụng đúngđã đề cập ở trên thẻ html góp phần thúc đẩy thành công dự án. Nói chung, tất cả thông tin tôi cung cấp đều rất quan trọng, khối lượng của nó đã được tính toán kỹ lưỡng, vì vậy hãy cố gắng làm quen với nó càng kỹ càng tốt, tôi cố gắng không đưa ra bất cứ điều gì thừa thãi.
Điều này áp dụng cho cả phần này trên cơ bản về html, cũng như các phần khác. Trong khuôn khổ phần này, chúng ta đã xem xét khái niệm cũng như định nghĩa. Hãy để tôi nhắc nhở bạn rất nhiều quy tắc quan trọng: chặn thẻ có thể chứa các thành phần khối khác, nhưng việc đặt thẻ khối bên trong thẻ nội tuyến không được khuyến khích.
Thẻ tiêu đề h1-h6
Tôi chắc rằng nhiều bạn đã từng gặp thẻ tiêu đề h1-h6, nhưng có lẽ một số người đã đánh giá thấp tầm quan trọng của chúng về mặt Chế độ xem SEO. Thực tế là những thẻ này đóng một vai trò quan trọng trong vấn đề và tôi cũng sẽ cố gắng đề cập đến khía cạnh này. Các phần tử h1-h6 có tên từ chữ viết hoa Từ tiếng Anh "Tiêu đề" (tiêu đề). Cú pháp tiêu đề trong Mã HTML như sau:
Nội dung tiêu đề H1
Nội dung tiêu đề H2
Nội dung tiêu đề H3
nội dung tiêu đề h4
nội dung tiêu đề h5
nội dung tiêu đề h6
Bằng cách viết đoạn mã html này khi hiển thị trên trình duyệt, chúng tôi nhận được:
Hầu hết cấp cao nhất 1, thấp nhất - 6. Do đó, bất kỳ văn bản nào cũng có thể được phân loại theo mức độ quan trọng của nó. Thẻ h1-h6 là thẻ khối, vì vậy tiêu đề mà chúng xác định sẽ chiếm toàn bộ không gian có chiều rộng có thể. Tuy nhiên, mặc dù các phần tử này là phần tử khối nhưng chúng không được chứa các thẻ khối khác mà chỉ chứa các thẻ nội tuyến. Khi nói đến việc tối ưu hóa các bài viết và toàn bộ tài nguyên nói chung, có một số đề xuất:
- là quan trọng nhất theo quan điểm xếp hạng của các công cụ tìm kiếm, do đó chúng được yêu cầu nhiều nhất và được sử dụng thường xuyên. Nên sử dụng tiêu đề thẻ h1 một lần trên trang (thường nó nằm trên trang có bài viết làm tiêu đề bài viết, trên blog của tôi đến nay có một chút sai sót nhưng tôi sẽ khắc phục tình trạng này ). Tiêu đề h2 dùng cho các phân nhóm, nếu tài liệu có dung lượng lớn cần chia thành các phần logic, h3 - dùng cho các phân nhóm logic của các phần này; Ngoài ra, h2 và h3 có thể được sử dụng trên trang chủ và các trang chuyên mục.
- Các thẻ h4, h5, h6 hiếm khi được sử dụng vì chúng ít được tính đến khi xếp hạng. Tuy nhiên, nếu bài viết lớn và cần đánh dấu một số đoạn để người đọc thuận tiện thì họ cũng ra tay giải cứu (ví dụ: trong một cuốn sách giáo khoa đồ sộ, trong mỗi phần được xác định bởi phần tử h3, đó là cần thiết để làm nổi bật các phần hợp lý với phụ đề h4). Ngoài ra, các thẻ h4, h5, h6 có thể được sử dụng cho tên của bất kỳ khối nào trong sidebar, footer (footer), v.v.
- Nên sử dụng các tiêu đề h1, h2, h3 trong bắt buộc. Tất nhiên, tôi chưa phân tích mức độ nghiêm trọng của các công cụ tìm kiếm khi quy tắc này không được tuân theo, nhưng thật hợp lý khi cho rằng điều này đã được tính đến khi xếp hạng.
- Cũng phải nói thêm rằng nội dung các tiêu đề, đặc biệt là h1-h3 nhất thiết phải bao gồm các từ khóa được xác định bởi , vì các công cụ tìm kiếm rất coi trọng từ khóa và cụm từ.
Tất nhiên, việc sử dụng thẻ tiêu đề html, và đây là điều chính, nó làm cho tài liệu trở nên dễ hiểu hơn đối với người dùng. Đối với thuộc tính căn chỉnh của thẻ h1-h6, tôi sẽ không nói về nó ngay bây giờ vì nó không được khuyến khích sử dụng theo các quy tắc của đặc tả html. Chúng ta sẽ nói về cách đa dạng hóa hình thức của các tiêu đề phụ bằng các phương pháp có thể chấp nhận được mà không vi phạm quy tắc khi chúng ta bắt đầu học.
Định dạng văn bản bằng các thẻ HTML đặc biệt
Định dạng văn bản- đây là sự lựa chọn các phương tiện để thay đổi nó, chẳng hạn như chỉnh sửa phông chữ hoặc sử dụng các hiệu ứng khác nhau. Trong nhiều trường hợp, việc sử dụng đúng cách sẽ góp phần quảng bá trang web.
Định dạng logic và vật lý - các tính năng của việc sử dụng từng định dạng đó
Hãy để tôi lưu ý sự khác biệt giữa các thẻ định dạng logic và vật lý (trực quan). Vật lý chủ yếu dành cho người dùng, điều này cho phép họ đánh dấu các phần quan trọng của văn bản cho họ. Boolean nhấn mạnh vào văn bản đã chọn công cụ tìm kiếm, có tính đến khu vực này khi xếp hạng.
Hầu hết một tấm gương sáng phục vụ mạnh mẽ và em, là các thẻ định dạng logic, tương ứng là b và i - định dạng vật lý. Khi hiển thị văn bản được đóng khung bởi các thẻ mạnh và b (đậm), em và i (nghiêng) trong trình duyệt, không có sự khác biệt về mặt hình ảnh:
Văn bản in đậm cho công cụ tìm kiếm Văn bản in đậm cho người dùng In nghiêng văn bản cho công cụ tìm kiếm In nghiêng văn bản cho người dùng
Họ nói rằng ý nghĩa thẻ mạnh mẽ và gần đây chúng đã sa sút nghiêm trọng và các công cụ tìm kiếm giờ đây ít chú ý đến chúng. Tuy nhiên, tôi vẫn không khuyên bạn nên quá chú tâm vào việc sử dụng chúng, đánh dấu các từ khóa bằng chúng, đặc biệt vì có một sự thay thế hợp lý ở dạng phần tử em và i.
Có những thẻ nào khác cho phép bạn định dạng nội dung văn bản?
Bây giờ hãy nói thêm một vài từ về các thẻ định dạng văn bản khác, những thẻ này cực kỳ hiếm khi được sử dụng nhưng vẫn cần thiết vì chúng tồn tại. Có lẽ ai đó sẽ thấy thông tin này hữu ích. Như thường lệ, tôi sẽ chỉ lưu ý những thẻ tuân thủ đặc tả html 5. Hãy bắt đầu với các thẻ định dạng vật lý (trực quan) (thẻ b và i đã được thảo luận ở trên).
- Nhỏ - dùng để giảm kích thước phông chữ xuống một so với văn bản thông thường.
Tất nhiên, đây chỉ là một số thành phần định dạng vật lý, nhưng tôi chỉ chọn những thành phần hợp lệ liên quan đến html 5, những thành phần còn lại được khuyến nghị thay thế bằng kiểu css, tôi sẽ giới thiệu cho bạn sớm. Dưới đây là ví dụ về các thẻ định dạng logic.
- Abbr - chỉ ra rằng chuỗi ký tự đã cho là viết tắt. Chữ viết tắt được giải mã bằng thuộc tính tiêu đề và bật lên khi bạn di chuyển con trỏ qua văn bản.
Đôi khi một bước tiến đòi hỏi phải lùi một bước.
(function() ( var request, b = document.body, c = "className", cs = "customize-support", rcs =new RegExp("(^|\\s+)(no-)?"+cs+" (\\s+|$)"); request = true; b = b.replace(rcs, ""); b += (window.postMessage && request ? " " : " no-") + cs; )() );
Các thẻ định dạng logic và vật lý được trình bày ở trên thường không gặp phải khi viết mã html, nhưng ít nhất cần có kiến thức về chúng để làm rõ vai trò của chúng trong việc quảng bá trang web hiện đại. Tiếp theo, chúng ta sẽ xem xét thêm hai thẻ định dạng văn bản html đóng vai trò quan trọng.
Cách chèn một trích dẫn bằng blockquote và đánh dấu một đoạn văn bản bằng cách sử dụng pre
Thẻ blockquote Html được sử dụng để định dạng văn bản, làm nổi bật các trích dẫn trong tài liệu. Nó khá phổ biến và thường được sử dụng khi viết bài trên các trang web và blog về các chủ đề nhất định. Đây là một ví dụ:
Thẻ blockquote là thẻ được ghép nối và có thể bao gồm cả khối (ví dụ: thẻ đoạn p) và các phần tử nội tuyến.
Một đoạn văn bản được đặt trong thẻ p
Một đoạn văn bản được đặt trong thẻ định dạng blockquote.
Nó không có một tập hợp các thuộc tính duy nhất, nhưng . Trong mỗi chủ đề, thiết kế của trích dẫn trong văn bản có thể khác nhau, điều này phụ thuộc vào kiểu dáng và thiết kế của mẫu, được xác định bởi các kiểu css mà tôi đã đề cập nhiều lần và chúng tôi chắc chắn sẽ đề cập đến tương lai gần.
Chà, và cuối cùng, về một yếu tố định dạng nữa thường được yêu cầu - gắn thẻ trước. Phần tử này cho phép bạn hiển thị một đoạn văn bản được định dạng sẵn trực tiếp trong mã HTML. Tính năng hiển thị mặc định trong trình duyệt là bất kỳ số khoảng trắng nào xuất hiện theo thứ tự đều được hiển thị thành một trên trang web. Thẻ trước giúp giải quyết tính năng cụ thể này. Nghĩa là, những gì và cách bạn viết sẽ được sao chép chính xác trên trang nếu một phần văn bản được đặt giữa thẻ mở và đóng.
Định dạng văn bản HTML bằng cách sử dụng thẻ trước thẻ trước - các phần tử được ghép nối và chặn
Văn bản sẽ xuất hiện ở dạng giống hệt trong trình duyệt:
Định dạng văn bản HTML bằng cách sử dụng thẻ trước thẻ trước - các phần tử được ghép nối và chặn
Chà, đó có lẽ là tất cả những gì tôi muốn nói hôm nay liên quan đến thẻ tiêu đề h1-h6, cũng như các thành phần chính của định dạng văn bản html. Chắc chắn sẽ có phần tiếp theo, vì vậy hãy nhớ đăng ký cập nhật blog để không bỏ lỡ nguyên liệu tươi. Chà, tóm lại, sau một bài viết dài khó hiểu, hãy mỉm cười khi ngắm nhìn những người anh em nhỏ hơn của chúng ta:
Bạn có muốn nhận được các bài viết mới, phù hợp và hữu ích một cách kịp thời không? Sau đó, bạn có thể đăng ký:
Thêm bài viết về chủ đề này:
34 đánh giá
- Serge
Cảm ơn bài viết chi tiết về chủ đề hiện tại, nhưng câu hỏi ngay lập tức nảy sinh.
Trước hết là các tiêu đề, hay đúng hơn là cách sử dụng trực tiếp của chúng. Tôi đã gặp hai ý kiến.
1. Mã phải chứa tên của trang web, - tiêu đề của bài viết, - tiêu đề phụ. Thẻ phải là thẻ duy nhất trên trang.
2. - tiêu đề bài viết và tên trang web, - tiêu đề phụ.Bạn sử dụng tùy chọn đầu tiên, tôi sử dụng tùy chọn thứ hai, nhưng tôi không thể tự mình biện minh cho lựa chọn đó vì đó là những gì họ khuyên.
Một câu hỏi khác về thẻ mạnh - một lần nữa, có tin đồn rằng PS đang bắt đầu đối xử với nó không chỉ bằng sự thờ ơ mà còn với thái độ thù địch, chính xác hơn là liên quan đến việc họ làm nổi bật một từ hoặc cụm từ khóa. Một cách khác là đánh dấu toàn bộ câu chứa khóa.
Tại một số thời điểm, tôi đã hoàn toàn từ bỏ thẻ này, nhưng còn quá sớm để nói về kết quả.
- Serge
Tôi xin lỗi, tôi quên mất động cơ đã cắt bỏ các thẻ:
1. Mã h1 phải chứa tên trang web, h2 - tiêu đề bài viết, h3 - tiêu đề phụ. Thẻ phải là thẻ duy nhất trên trang.
2. - h1 là tiêu đề bài viết và tên trang web, h2 là các tiêu đề phụ. - Húng quế
Igor, tôi không thể tìm ra thẻ H1 ở đâu. Bạn và tôi có một hình ảnh trong tiêu đề. Bạn có thẻ này ở đó. Khi phân tích trang web của tôi bằng một dịch vụ, cuối cùng tôi được thông báo rằng tôi không có thẻ H1 trên trang web của mình. Làm thế nào để chèn nó vào tiêu đề của trang web?
- Igor
Sergey, phần lớn những gì liên quan đến SEO đều được học qua thực tế thông qua các thử nghiệm. Tôi không thể trả lời dứt khoát khoảnh khắc nàyĐiều gì tốt hơn thì không ai có thể làm được. KHÔNG giải pháp phổ quát, tất cả phụ thuộc vào chủ đề của tài nguyên và sự quảng bá của nó. Nhưng tôi hiểu mối quan tâm và mong muốn tìm hiểu sự thật của bạn. Ngay sau khi tôi có dữ liệu nhất định về từng mục, tôi sẽ công bố ngay lập tức. Đối với thẻ mạnh, theo tôi, làm nổi bật từ khóa hoặc các cụm từ một lần trong một bài viết sẽ không gây hại gì, tất cả điều này chỉ là sự cường điệu không cần thiết.
- Igor
Chính xác. 🙂
- Igor
Vasily, tôi đã viết tiêu đề trong các chức năng của chủ đề ngay trong bảng quản trị. Vẻ bề ngoài- Chủ đề, đối với chủ đề của tôi, có nhiều tùy chọn để bạn có thể chỉnh sửa phần này hoặc phần kia trong chủ đề của tôi, bao gồm cả việc nhập tiêu đề. Và bạn, theo tôi hiểu, đã thay đổi tiêu đề ban đầu của chủ đề, phải không? Hơn nữa, họ đã thay đổi hoàn toàn hình ảnh và hình ảnh đã có tên tài nguyên của bạn. Bạn không viết h1 ở tiêu đề, nó đến từ đâu? Hãy xem xét kỹ hơn các chức năng của chủ đề của bạn, có thể nó cũng ở đó chức năng tương tự. Ở phần “Quản lý chủ đề” sẽ có các liên kết, chẳng hạn như “Tùy chỉnh”, “Tùy chọn chủ đề” và ở đó hãy tìm liên kết như “Tên trang web và mô tả”. Ví dụ: trong chủ đề của tôi, bạn có thể thay đổi rất nhiều, thậm chí cả màu sắc và tiêu đề của trang web, bằng cách tải lên một hình ảnh mới. Hãy cho tôi biết trong phần bình luận nó diễn ra như thế nào.
- Húng quế
Có, tôi đã thay đổi hình ảnh ở tiêu đề. Đã quay lại địa điểm thử nghiệm ảnh gốc. Vẫn không tìm thấy H1 ở đâu cả. Tôi đã cài đặt một chủ đề đôi rất giống nhau, thẻ này cũng không có, chỉ có H2. Có thể có chủ đề nào không có thẻ H1 không? Sau đó mình cài theme chuẩn, không tìm thấy thẻ này trên trang chính mà trên trang có thẻ H1 ở tiêu đề bài viết. Nhưng tôi không biết cách thêm nó vào tiêu đề trang web.
- Igor
Vasily, hãy đọc kỹ câu trả lời trước của tôi và thử nhập tên trang web thông qua bảng quản trị. Cần có chức năng kiểm soát chủ đề, tôi đã xem xét các kiểu cho tiêu đề h1 trong css của bạn.
- Húng quế
TRONG chủ đề chuẩn tất cả mọi thứ là. Không có tùy chọn nào như vậy trong cài đặt chủ đề. Bởi vì
Bảng quản trị -> Chủ đề -> Cài đặt và mô tả trang web. Ở đó tôi đã viết tên của trang web và
Mô tả ngắn. Nhưng vẫn chưa có thẻ h1. Tôi đã cài đặt lại cái này trên trang thử nghiệm
chủ đề, đây là địa chỉ http://komp.vellisa.ru/. Bạn có thể đăng nhập thông qua Yandex vì nó đã bị đóng
từ việc lập chỉ mục. Trước đây khi viết tên trang web vào Admin Panel thì nó được thêm vào tiêu đề nhưng nhìn không đẹp mắt. Bây giờ vì lý do nào đó mà dòng chữ không được thêm vào. - Igor
Vasily, tôi đã điều tra vấn đề của bạn. Vấn đề là, theo phong cách css Tiêu đề chủ đề của bạn, được đặt trong thẻ h1, đơn giản là không vừa với tiêu đề. Hãy thử cách sau. Nếu bạn đang làm việc với trình duyệt Chrome, di chuyển con trỏ đến hình ảnh trong tiêu đề và nhấp vào click chuột phải chuột, từ danh mục chọn Xem mã mặt hàng. Ở nửa dưới của cửa sổ, bạn sẽ thấy mã html của hình ảnh cụ thể này; dòng này sẽ được đánh dấu bằng màu xanh đậm. Liên kết này là hình ảnh tiêu đề của chủ đề của bạn. Ở bên phải sẽ được trình bày các kiểu cho phần tử cụ thể này. Nhấp chuột phải vào liên kết này và chọn “Xóa nút” từ menu ngữ cảnh. Bạn có thấy phần tử đã bị xóa không? Tôi hy vọng bạn hiểu rằng sau khi khởi động lại trình duyệt, mọi thứ sẽ ổn thỏa, vì vậy bạn có thể thử nghiệm bao nhiêu tùy thích. Phần tử này được đặt trong một thùng chứa<_div class="span-11">. Sau khi gỡ bỏ link hình ảnh thì link về trang chính vẫn giữ nguyên. Để làm điểm neo cho liên kết này, hãy viết bất kỳ từ nào có trong thẻ h1, ví dụ: Thế giới. Nghĩa là, nó sẽ trông giống như thế này: một liên kết đến trang chính được đặt trong vùng chứa span-11<_a_href vellisa.ru_=""><_h1>Thế giới<_><_>. Và ngay lập tức bạn sẽ thấy từ này thay cho hình ảnh (nhân tiện, điều này là không cần thiết, vì theo tôi hiểu thì tên chủ đề đã có ở đó. Hãy thử tải một hình ảnh lên thay vì hình ảnh này kích thước nhỏ hơn và thử nhập lại tên trang web thông qua bảng quản trị. Nếu nó không thành công, chúng tôi sẽ hành động thực chất hơn.
- Húng quế
Igor, cảm ơn bạn rất nhiều vì sự giúp đỡ của bạn. Tôi đã xóa phần tử này nhưng không rõ cách chèn nó vào. Tôi chèn từ này một cách ngẫu nhiên, nó không thành công lắm, nhưng từ đó vẫn ở đó. Tôi không thể viết các thay đổi đối với tên của trang web, tôi thay đổi nó nhưng không có gì hiển thị trong tiêu đề.
Nói chung có thể đảm bảo rằng trên trang web chính của tôi, tôi vẫn có hình ảnh hiện có và bằng cách nào đó thêm thẻ h1 không? - Igor
Vasily, kiên nhẫn một chút, dạo này tôi bận quá, giải quyết được vấn đề thì không hứa hẹn nhưng tôi sẽ cố gắng giúp đỡ, tôi sẽ đăng câu trả lời ở phần bình luận.
- Húng quế
Cảm ơn Igor. Tất nhiên là tôi sẽ đợi, đó không phải là vấn đề cấp bách.
- Eugene
Đồng ý gắn thẻ n điều cần thiết và bỏ qua chúng sẽ tốn kém hơn cho chính bạn. Nếu H1 H2 gần như tự động xuất hiện trên trang (tiêu đề của bài viết và trang web), thì H3 nên được viết trong phần nội dung của bài viết.
Thuộc tính căn chỉnh cho các thẻ này là một lựa chọn gây tranh cãi. Tôi vẫn chưa nhận thấy ảnh hưởng của nó đến việc thăng tiến, nhiều khả năng là nó không tồn tại. Không có vi phạm nào về mặt hiệu lực. Vì vậy tôi nghĩ đó là tùy vào quyết định của mỗi người. - Igor
Evgeniy, thực sự chưa có ảnh hưởng gì đến việc quảng bá thuộc tính căn chỉnh, nhưng về tính hợp lệ, bạn đã quá lo lắng. Nó không được khuyến khích sử dụng không chỉ theo đặc tả html 5 mà ngay cả theo html 4.01. Thay vì thuộc tính này, bạn nên sử dụng thuộc tính tương tự thuộc tính căn chỉnh văn bản, được viết bằng css.
- Igor
Vasily, xin lỗi vì chúng tôi đã phải đợi lâu như vậy. Tôi vừa mới tải xuống một chút và bây giờ tôi đã giải quyết được vấn đề của bạn. Theo dõi tôi hướng dẫn thêmđể tiêu đề H1 xuất hiện trong tiêu đề. Đầu tiên bạn cần chỉnh sửa hình ảnh tiêu đề của mình. Bạn có thể tìm thấy nó ở đây: http://vellisa.ru/wp-content/themes/cooltext643525798.png, nghĩa là trong thư mục có chủ đề hiện tại. Tải nó xuống máy tính của bạn bằng cách sử dụng chẳng hạn. Mở nó ở bất kỳ biên tập đồ họa, thậm chí đơn giản chương trình sơn sẽ làm. Ở đó, hãy sử dụng một cục tẩy đơn giản để xóa dòng chữ “vellisa.ru”. Nếu điều này không được thực hiện, sẽ có một dòng chữ kép hoặc dòng chữ h1 sẽ chồng lên nhau và trông sẽ xấu xí. Sau đó mở tệp header.php, tệp này chịu trách nhiệm về tiêu đề, sử dụng notepad++, tìm dòng ở đó.
Một tiêu đề bài viết hấp dẫn, hấp dẫn có thể thu hút sự chú ý và khách truy cập vào trang web. Đây là một trong những thành phần quan trọng nhất trong việc tối ưu hóa SEO của một dự án Internet. Trong bài viết này tôi sẽ cho bạn biết các tiêu đề h1, h2, h3, h4, h5, h6 là gì và cách viết chúng. Ngoài ra, bạn sẽ được tìm hiểu về tiêu đề trang chính - title.
Nhưng hãy nói về mọi thứ theo thứ tự.
Tiêu đề là gì
Vì thế, tiêu đề là một thẻ đặc biệt nằm ở đầu mã html mô tả ngắn gọn nội dung trang cụ thểđịa điểm. Về tiêu đề tiêu đề nó được viết chi tiết và chi tiết hơn trong bài viết này.
Trong mã nguồn, tiêu đề chính trông như thế này:
Ví dụ, loại tiêu đề này trên CMS Joomlađược tạo ra tại chế độ tự động. Tức là tựa đề viết cho từng tài liệu là tựa đề. Tầm quan trọng của nó đối với tối ưu SEO nội bộ trang web không hề phóng đại, vì đây là những gì người dùng Internet nhìn thấy trong Thanh tìm kiếm theo một yêu cầu cụ thể.
Tiêu đề h1 là gì
tiêu đề h1– đây là một số cụm từ có cấu trúc tốt chứa đựng gần như toàn bộ ý nghĩa của tài liệu được trình bày. Nói cách khác, đây là tiêu đề quan trọng nhất, nằm ở đầu trang.
Tập hợp các từ cụ thể tương tự như tiêu đề được tạo trong tiêu đề Joomla h1. Đây là những gì nó trông giống như trong mã nguồn:
Ai là freelancer và làm thế nào để trở thành một freelancer
Phần lớn đã được viết về việc điều này là tốt hay xấu. thông tin toàn diện nhưng vẫn chưa có định nghĩa cụ thể. Đây là những gì blogger nổi tiếng Devaka nói về điều này.
Rõ ràng là công cụ Joomla, giống như các CMS khác, giúp đơn giản hóa rất nhiều việc làm việc với trang web, vì khi tạo tiêu đề, không cần phải chỉnh sửa mã html.
Các tiêu đề còn lại được tạo trực tiếp trong soạn thảo văn bản. Tùy thuộc vào bảng điều khiển và tập hợp các phần tử hoạt động, một chức năng nhất định sẽ được chọn, chức năng này trong trình soạn thảo văn bản JCE được gọi là “Đoạn văn”. Bằng cách di chuyển thanh trượt, bạn có thể thấy rằng ở đây tất cả các tiêu đề hiện có đều được trình bày để bạn chú ý, bắt đầu từ h1 và kết thúc bằng h6.
Cách viết tiêu đề h1 và tiêu đề
Trong lĩnh vực tối ưu hóa SEO có những quy định rõ ràng về cách viết thẻ cơ bản, cụ thể là:
1. Từ khóa. Trong mắt các công cụ tìm kiếm, một nội dung được trình bày tốt sẽ hứa hẹn và hấp dẫn hơn nhiều nếu ở đầu tiêu đề và h1 bạn viết những từ trả lời truy vấn chính. Làm thế nào để nhận ra chúng? Có một cái đặc biệt cho việc này dịch vụ trực tuyến wordstat.yandex.ua.
2. Khả năng đọc. Bạn không thể chỉ nhét từ khóa vào tiêu đề. Văn bản phải tự nhiên, đồng thời dễ đọc, nếu không các công cụ tìm kiếm sẽ coi hành động đó là thư rác. Khi viết h1 và tiêu đề, hãy cố gắng đặt từ khóa của bạn càng gần phần đầu càng tốt. Một điều nữa là các tiêu đề h1, h2, h3... Chúng có thể bị nghiêng và pha loãng với những từ theo chủ đề nhất định.
3. Không trùng lặp. Để các trang của trang web được xếp hạng cao hơn trong kết quả tìm kiếm, không được có tiêu đề trùng lặp trong mã html. Để kiểm tra các trang, chỉ cần mở trang web trong trình duyệt và nhấn phím nóng Ctrl+U, sau đó Ctrl+F. Trong cửa sổ tìm kiếm, nhập h1 và tất cả các ký hiệu hiện tại sẽ được đánh dấu bằng nền màu vàng.
4. Chiều dài. Thẻ tiêu đề được phép sử dụng 70 ký tự vì số lượng lớnĐơn giản là nó không vừa với đoạn trích.
5. Tính duy nhất. Mỗi tiêu đề phải là duy nhất trong một dự án Internet cụ thể, do đó giúp người dùng dễ dàng điều hướng và tìm thấy chính xác những gì họ cần.
7. Dấu chia Đó là khuyến khích không sử dụng.
Sử dụng đúng thẻ h2 – h6
Các tiêu đề h2 – h6 giúp điều hướng văn bản được trình bày, làm cho tài liệu trở nên hấp dẫn hơn trong mắt người đọc và các bot tìm kiếm. Do đó, có một số quy tắc nghiêm ngặt khi tạo chúng, cụ thể là:
Cấu trúc của các tiêu đề nên được sắp xếp sao cho hình thành một hệ thống phân cấp nhất quán. Chúng ta hãy nhìn vào ví dụ rõ ràng. Giả sử tác giả viết một bài báo về chủ đề “Đấu vật tự do”. Trong trường hợp này, các tiêu đề phụ sẽ trông như thế này.
Chúng tôi đã phát hành sách mới“Tiếp thị nội dung ở trong mạng xã hội: Cách đi sâu vào tâm trí người đăng ký và khiến họ yêu thích thương hiệu của bạn.”
Theo quan điểm của các sự kiện gần đây trong thế giới SEO, các yếu tố văn bản đã bắt đầu có tầm quan trọng đáng kể trong bảng xếp hạng. Và nếu vài năm trước bạn có thể từ bỏ việc thiết kế văn bản thì bây giờ bạn sẽ phải trả giá cho việc đó.
Vì vậy, hãy bắt đầu với những điều cơ bản -.
Thẻ meta H1: mẫu thiết kế và thông tin cơ bản
Cung cấp 6 tiêu đề đa cấp cho biết tầm quan trọng của khối văn bản, đứng sau tiêu đề.
Vì vậy thẻ
là tiêu đề cấp đầu tiên quan trọng nhất và thẻ biểu thị các tiêu đề cấp sáu, ít quan trọng nhất. Theo mặc định, thẻ tiêu đề là h1 hiển thị nhiều nhất bản in lớn và nổi bật là “in đậm”, các tiêu đề có thứ hạng thấp hơn sẽ nhỏ hơn.
Thẻ tiêu đề đề cập đến khối yếu tố: nhãn
luôn bắt đầu bằng dòng mới, và đã ở phía sau anh ấy hàng tiếp theo các yếu tố khác đang đến. Hơn nữa, để làm cho văn bản của bạn trông đẹp mắt về mặt thẩm mỹ, tôi khuyên bạn nên thụt lề văn bản trước và sau các tiêu đề.
Làm cách nào để chèn thẻ tiêu đề H1 vào văn bản trên trang web?
Tiêu đề cấp một
Sử dụng khóa trong thẻ: Tối ưu hóa thẻ H1
Thẻ meta h1 -h6 phải được sử dụng đúng mục đích, tuân thủ nghiêm ngặt hệ thống phân cấp.
Thực tế là các robot tìm kiếm rất nhạy cảm với các tiêu đề và nội dung chúng chứa đựng. Tầm quan trọng và mức độ chú ý của công cụ tìm kiếm được xác định bởi cấp độ của tiêu đề (giảm từ h1 xuống h6). Vì vậy chúng tôi thực sự khuyên bạn nên
sử dụng khóa trong thẻ h1và các cụm từ trong văn bản của tiêu đề.
Thẻ tiêu đề
(tất nhiên là tiêu đề cấp đầu tiên) có trọng lượng lớn nhất. Vì vậy, nội dung văn bản của nó phải được xem xét một cách đặc biệt nghiêm túc.
- Chèn thẻ
Chỉ có thể ở đầu trang của trang, phía trên tiêu đề của các cấp độ khác. Ngoài ra, nhiều bảng quản trị có một trường đặc biệt cho tiêu đề h1.
- Bạn nên tránh việc sử dụng hỗn loạn các tiêu đề ở các cấp độ khác nhau và đặt chúng “nếu bạn may mắn”. Công cụ tìm kiếm (và người dùng) có thể không thích điều này.
- Dưới bất kỳ tình huốngsử dụng thẻ meta
nhiều hơn một lần trên một trang.
- Theo mặc định ở các trình duyệt khác nhau Các tiêu đề trông khác nhau: chúng khác nhau về cỡ chữ và mức thụt lề. Do đó, chúng tôi khuyên bạn nên điều chỉnh các tham số này bằng cách sử dụng kiểu. NHƯNG! Đừng quá nhiệt tình với việc giảm phông chữ, bởi vì... robot tìm kiếm chú ý đến điều này. Chúng tôi cũng không khuyên bạn nên đặt kích thước phông chữ tiêu đề nhỏ hơn văn bản nội dung.
- LÀM kích thước lớn hơn phông chữ tiêu đề cấp thấp Chúng tôi cũng không khuyến khích nó. Nếu là của bạn
sẽ nhiều hơn , thì robot tìm kiếm sẽ phản ứng tiêu cực với điều này.
- Và vui lòng ngừng sử dụng các thẻ nhấn mạnh (mạnh, em, b, i) trong tiêu đề của bạn. Nội dung của thẻ tiêu đề có tác động lớn hơn đến mức độ liên quan của trang so với thẻ đánh dấu.
Theo đánh giá của đa số các chuyên gia SEO (và chúng tôi cũng tham gia cùng họ), nội dung văn bản bên trong thẻ mạnh (in đậm) về mặt ý nghĩa gần tương ứng với nội dung của tiêu đề cấp h5. Và đây là một mức độ bình thường.
- Sử dụng key trong thẻ h1Tất nhiên! Tốt nhất nếu đây là cụm từ khóa chính (từ khóa được bao gồm trong các từ khóa ngữ nghĩa hoàn toàn khác trên trang này).
- Nội dung văn bản của tiêu đề phải khác với thẻ tiêu đề.
Cách kiểm tra thẻ h1 trên một trang
Để kiểm tra xem bạn có bao nhiêu tiêu đề chính ở đó và khắc phục tình huống có nhiều tiêu đề, chỉ cần mở mã trang.
Kiểm tra số lượng thẻ h1
Bạn có thể thực hiện việc này bằng trình duyệt hoặc trong bảng quản trị. Trong trường hợp này, không cần mở rộng thêm.
Ctrl + Shift + C hoặc F12
Phím nóng sẽ giúp bạn mở mã trang.
Có thể bỏ qua thẻ h1 và các tiêu đề phụ khác không?
Tôi đã gặp câu hỏi này nhiều lần trên Internet và tôi muốn đưa ra câu trả lời chi tiết cho nó. Và một chuyên gia SEO tuyệt vời từ studio của chúng tôi, Oleg Vasiliev, sẽ giúp tôi việc này.
Trong lĩnh vực tối ưu hóa công cụ tìm kiếm, rất khó để đưa ra câu trả lời rõ ràng cho các câu hỏi. Điều này không liên quan gì đến năng lực của chuyên gia, mặc dù điều này có một số sự thật. Mỗi câu hỏi được cho là nhằm đạt được một mục tiêu nào đó. Dựa trên điều này, câu trả lời cho các câu hỏi có thể khác nhau và bạn có thể nhận được một kết quả hoàn toàn khác.
Mục tiêu toàn cầu của các công cụ tìm kiếm như Google, Yandex khá đơn giản - cần cung cấp cho người dùng thông tin hữu ích nhất liên quan đến truy vấn đã nhập. Công cụ tìm kiếm đạt được điều này bằng cách kiểm tra một trang web dựa trên một số yếu tố. Để trang web của bạn được hiển thị cho người dùng, bạn phải đáp ứng các yếu tố này càng sát càng tốt để công cụ tìm kiếm quyết định rằng nó đã đạt được mục tiêu toàn cầu.
Một trong những tiêu chí để xếp hạng thành công là thông tin đáp ứng được nhu cầu của người dùng, được cập nhật và có cấu trúc chính xác.
Về cấu trúc, chính điều này đã giúp người dùng nhanh chóng tìm thấy thông tin mình đang tìm kiếm. Với những mục đích này, thông tin nên được chia thành các đoạn nhỏ, danh sách (nếu cần), nên sử dụng các tiêu đề và tiêu đề phụ.
Tiêu đề h1 giúp người dùng hiểu ý nghĩa tổng thể của nội dung trang. Theo quy định, văn bản trên trang có một đơn vị ngữ nghĩa rất cụ thể, nó là một đơn vị ngữ nghĩa, do đó phải có một tiêu đề chính. Hơn nữa, nội dung, nếu cấu trúc gợi ý, có thể được chia thành các khối ngữ nghĩa nhỏ và mỗi khối sẽ có phụ đề riêng. Điều rất quan trọng là phải quan sát lồng nhau, nghĩa là sau H1 bạn phải sử dụng H2 và sau H2 bạn phải sử dụng H3. Mọi thứ đều khá logic.
Tiêu đề và tiêu đề phụ phải có ý nghĩa và không được sử dụng cho mục đích khác.
Bây giờ chúng ta hãy quay lại câu hỏi:
Có thể bỏ qua thẻ h1 và các tiêu đề phụ khác không?
Câu trả lời rất rõ ràng: Bạn có thể làm được nếu việc quảng bá trang web của bạn trên Internet không đặc biệt quan trọng đối với bạn.
Chào các cậu! Tôi cảm thấy tình hình đang nóng lên, những lời tục tĩu và lăng mạ nhắm vào tôi bắt đầu xuất hiện trong các bình luận. Chà, nếu không thì tôi đã bỏ lỡ những khoảng thời gian này rồi. 🙂 Điều tồi tệ nhất là bị phớt lờ. Và khi họ mắng tôi, điều đó tốt, có nghĩa là tôi đang xúc phạm ai đó. Xin vui lòng. 🙂 Này đồng chí bình luận viên, xin chào!!! 🙂 Nhưng vì chửi thề nên bình luận của bạn phải xóa; tôi đã nói nhiều lần rằng tôi sẽ không dung thứ cho những lời chửi bới kiểu này.
Nhiều người tố cáo tôi bán hàng. Đúng, vẫn còn thời gian, nhưng tôi đã hứa rằng số lượng của họ sẽ giảm đi. Nhưng có người vẫn cho rằng nếu mình review một dịch vụ thì bài này sẽ hết hàng. Hãy suy nghĩ những gì bạn muốn, quý ông. Lương tâm tôi trong sáng và tôi mỉm cười với cả 32 chiếc răng khểnh. Tôi đang có tâm trạng vui vẻ và những độc giả trung thành của tôi cũng vậy, ít nhất tôi sẽ cố gắng. 🙂
Trong bài học trước tôi đã nói về phần mở rộng SEO cho trình duyệt. Không phải vô cớ mà tôi quyết định nêu ra một chủ đề đã lâu nay. Tôi quyết định chấm chữ I. Nhiều độc giả hỏi tôi cách sử dụng chính xác các tiêu đề h1, h2, h3, v.v.? Tôi đã trở lại vào năm 2012. Khi kiểm tra nhiều trang web, tôi thấy những sai sót tương tự mà tôi không thừa nhận. Vì vậy, đã đến lúc mở rộng bài học đó một chút.
Có lẽ một số trình tối ưu hóa sẽ coi thẻ h1 và những thứ tương tự là vô dụng, nhưng phần lớn vẫn hỗ trợ chúng. Nếu bạn vẫn chưa nhận ra thì SEO là một môn khoa học rất phức tạp, mỗi người đều có quan điểm riêng.
Quy tắc sử dụng tiêu đề h1, h2, h3, h4 trên một trang theo quan điểm SEO
Quy tắc 1 :
Trang chỉ nên có 1 thẻ h1.
Hãy nhớ rằng, chỉ 1, không phải 2, ít hơn 3. Nhiều người quan tâm đến cách tìm ra số lượng thẻ này trên một trang và rất thường xuyên quản trị viên web bắt đầu đi vào mã nguồn của trang và tìm kiếm các thẻ này theo cách thủ công . Tôi cũng đã làm điều này cho đến khi “người anh em Internet” Vitaly (http://mojwp.ru/) của tôi nói với tôi một điều rất thông minh, hóa ra nó lại được tích hợp vào thanh SEO yêu thích của tôi.
Bạn cần gì?
Một điểm cộng rất lớn là có 1 thẻ trong h1 trên trang, điều này rất tốt. Nếu bạn không có hoặc có nhiều hơn một, dưới đây tôi sẽ cho bạn biết cách loại bỏ những cái thừa hoặc thêm chúng.
Quy tắc số 2: các tiêu đề h2, h3, h4 chỉ nên có trong chính bài viết.
Trong trường hợp của mình các bạn thấy h2 dùng rất đúng nhưng trong thẻ h3, h4 mình lại có từ “rác”. Nghĩa là, những cụm từ này không mang lại bất kỳ lợi ích nào về mặt SEO. Hơn nữa, bằng cách sử dụng thẻ h ở những nơi không cần thiết, chúng tôi làm giảm tầm quan trọng của các thẻ này đối với các công cụ tìm kiếm, vì “trọng lượng” của chúng bị phân tán vào các cụm từ không cần thiết. Vì vậy, thẻ h chỉ nên có trong bài viết. Có, có những trường hợp ngoại lệ khi các từ khóa được nhập rất thành thạo vào các khối riêng biệt trên trang web, nhưng chúng không đẩy cụm từ “Đăng ký trang web”, v.v. vào đó.
Làm thế nào để khắc phục những lỗi này?
Để sửa những lỗi như vậy, chúng ta lại cần một tiện ích bổ sung khác mà tôi đã nói đến - tiện ích bổ sung này (nó cũng có sẵn cho Chrome).
Ví dụ: chúng tôi tìm thấy một phần tử trong thẻ h không cần thiết trên trang, tôi sẽ lấy biểu thức “Đăng ký” và “Trang web”, mà thanh RDS đã cho tôi biết (chúng ở dạng h4, xem hình trên) . Tôi đã tìm thấy 2 thành phần này trên trang web (bạn có thể sử dụng tìm kiếm trong trình duyệt Ctrl+F, nhập cụm từ tìm kiếm được yêu cầu), chúng tôi “kiểm tra” một trong số chúng bằng Firebug:
Và ở bên phải, chúng ta thấy các kiểu của thẻ h4 này (trong trường hợp của tôi):
Chúng ta sẽ cần chúng ngay bây giờ. Mở tệp style.css của chủ đề của chúng tôi và thêm các đặc điểm của phong cách này ngay cuối (xem mũi tên trong hình trên), chỉ cần gọi nó là một cái gì đó khác (tôi quyết định gọi nó là new4, đừng quên dấu chấm ở sự bắt đầu):
Vì biểu thức “Đăng ký” nằm ở tầng hầm của tôi nên tôi mở file footer.php, nhập cụm từ “Đăng ký” qua CTRL+F, đây là:
Và thay vì h4, chúng ta viết lớp mới (trong trường hợp của tôi là “new4”), nghĩa là sau khi sửa đổi sẽ có một hình ảnh như thế này:
Chúng ta lưu file, mở Firefox, làm mới trang và thấy thẻ h4 có chữ “Subscription” đã biến mất:
Vì kiểu của các từ “Đăng ký” và “Trang web” đối với tôi không khác nhau nên tôi cũng viết lớp “new4” ở chân trang thay vì thẻ h4 cho từ “Trang web” và chúng tôi thấy rằng hiện tại không có h4 “rác” trên trang:
Chúng tôi thực hiện các hành động tương tự với các thẻ h3 không cần thiết. Trong trường hợp của tôi, việc sử dụng cụm từ “Đăng ký các bài học miễn phí”, “Bài học tương tự”, v.v. trong h3 là không chính xác. H3 chỉ nên chứa tiêu đề xuất hiện trong văn bản. Tương tự, hãy xem qua các loại trang web khác nhau (bài viết, trang, danh mục, v.v.), nhưng trang chính là một câu chuyện riêng biệt mà tôi sẽ kể cho bạn nghe bên dưới.
Nếu đột nhiên bài viết của bạn không có trong h1, chỉ cần mở tệp chủ đề single.php, tìm đầu ra tiêu đề bài viết ở đó (tìm kiếm trong tìm kiếm bằng cách sử dụng biểu thức “the_title”) và đóng khung nó trong h1:
Quy tắc số 3: Nên sử dụng thẻ h1 trên trang chính.
Hiện tại, trang web của tôi không có h1 trên trang chính, điều này tôi nghĩ đã phá vỡ cấu trúc.
Tôi tin rằng một trang không thể có thẻ h3 nếu không có h2 phía trên nó và cũng không thể sử dụng h2 nếu không có h1. Tương tự như vậy, sử dụng h1 và h3 chẳng hạn mà không có h2 cũng không đúng. Hơn nữa, mọi thứ phải tuân theo cấu trúc rõ ràng: h2 không được cao hơn h1 trên trang, h3 không được cao hơn thẻ h2 đầu tiên, v.v.
Bạn nên đặt gì trong h1 cho trang chính? Đây có thể là văn bản bao gồm chính xác các từ khóa được yêu cầu nhiều nhất mà bạn đang quảng cáo. Tôi nhắc lại, đã nhập CÓ THÀNH CÔNG và không phải là một danh sách ngu ngốc.
Ngoài ra, đối với nhiều người, mô tả trong tiêu đề của trang web chỉ hiển thị những thông tin cần thiết. Ở đó thường có những từ khóa “ngon lành” và tiêu đề cũng được coi là “điểm hấp dẫn”, nơi rất tốt để “nuôi” các công cụ tìm kiếm bằng các cụm từ cần thiết. Sẽ là tội lỗi nếu không sử dụng nó.
Hãy nhớ: tiêu đề h1 phải khác với tiêu đề của trang. Điều này sẽ hữu ích cho việc quảng bá công cụ tìm kiếm.
Thông thường, ở đâu đó ở nơi này có mô tả về trang web (trong trường hợp của tôi thì không có):
Nhưng ở đây có một vấn đề nhất định nảy sinh: nếu chúng ta viết mô tả này bằng h1 trong tiêu đề trang web, thì nó cũng sẽ ở dạng h1 bên trong các bài viết, điều này lại sai.
Nghĩa là, chúng ta cần viết một hàm nhất định thực hiện như sau: nếu chúng ta đang ở trang chính thì thẻ h1 sẽ được gán cho văn bản trong tiêu đề, nhưng nếu chúng ta đang ở một trang khác ngoài trang chính thì cùng một văn bản được hiển thị, theo cùng một kiểu, nhưng không có thẻ h1. Việc này được thực hiện để các trang nội bộ không có 2 thẻ h1 (mô tả trang + tiêu đề bài viết).
Và một “người anh em Internet” khác của tôi, lần này đến từ Kazan, tên là Ramil (thật đáng tiếc là anh ấy không có blog, tôi muốn đặt một liên kết ngay bây giờ), vui lòng chia sẻ chức năng PHP này (bạn biết đấy, tôi 'tôi không giỏi PHP) ), cô ấy đây:
Mô tả của trang web
Mô tả của trang web
Ở đây, bạn nên đặt trước các kiểu tương tự trong style.css cho h1 và cho kiểu “mô tả” để khách truy cập trực quan không thấy sự khác biệt.
Cũng có ý kiến cho rằng để tránh bị các công cụ tìm kiếm trừng phạt vì “thư rác quá mức”, tốt hơn hết nên thay tiêu đề h2, h3, h4 bằng các kiểu chẳng hạn
hoặc Theo tôi thì thế thôi. Nếu bạn có bất kỳ câu hỏi nào, hãy viết, tôi sẽ trả lời bằng mọi cách. Và vâng, hãy tiếp tục viết những bình luận hài hước, chúng khiến tôi mỉm cười và cổ vũ tôi. 🙂
Trong các dự án thông tin hàng đầu của tôi, đầu tiên, một chuyên gia trong chủ đề này sẽ xây dựng cấu trúc của bài viết (tiêu đề và tiêu đề phụ), sau đó người viết quảng cáo sẽ viết văn bản dựa trên chúng.
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 cách hoạt động của thẻ h.
h1 là tiêu đề phụ chính trong một bài viết, thường được đặt phía trên văn bản.
Tiêu đề đầu tiên phải lớn hơn các tiêu đề khác trên trang về mặt trực quan.
h2-h6 là các phân nhóm nhỏ được đặt theo nguyên tắc lồng nhau.
Tiêu đề thậm chí dùng để làm gì?
Đối với những người không rành về chủ đề này, về nguyên tắc, đây là một video hay về những kiến thức cơ bản về cách soạn tiêu đề phụ h1-h6. Nếu bạn không coi mình là chuyên gia, hãy xem:
Và để củng cố tài liệu, một video yếu hơn một chút:
Các tiêu đề được thiết kế để làm nổi bật bản chất chính, ý tưởng của văn bản tiếp theo trong một cụm từ hoặc thậm chí một từ. Thông thường, một người sẽ chú ý đến chúng trước tiên và quyết định xem có nên đọ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 văn bản và thư quảng cáo, đồng thời đóng vai trò là công cụ chính để thu hút sự chú ý của đối tượng mục tiêu.
Trong mã, thẻ trông như thế này:
, trong đó chữ h xuất phát từ từ “tiêu đề”, có nghĩa là “tiêu đề”. Mỗi cấp độ được biểu thị bằng một số tương ứng.
Thẻ H qua mắt mọi người
Văn bản được chia thành các tiêu đề phụ trông gọn gàng 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 về việc liệu nó có đáng đọc toàn bộ văn bản hay không và liệu nó có chứa thông tin hữu ích mà họ đang tìm kiếm hay không. Các tiêu đề bắt mắt, làm nổi bật nội dung chính và tạo cơ hội cho người dùng phân tích tài liệu.
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, nhờ đó họ có thể nhanh chóng điều hướng văn bản. Và nếu những điểm nổi bật này thu hút được sự chú ý thì người đó sẽ nán lại trang này và có thể sẽ đọc toàn bộ bài viết. Bạn có thể kiểm tra kết quả bằng cách sử dụng các yếu tố hành vi. Nếu mọi người ở lại trang và thực hiện một số hành động, điều đó có nghĩa là công việc SEO đã không được thực hiện một cách vô ích.
Thẻ H qua con mắt của công cụ tìm kiếm
Robot tìm kiếm thu thập thông tin từ chúng để phân tích ngữ nghĩa. Các cấp độ tiêu đề h1, h2, h3 có tầm quan trọng đặc biệt đối với bot. Ứng dụng không nhất quán hoặc không chính xác của chúng có thể ảnh hưởng tiêu cực đến thứ hạng của trang. Nếu không có thẻ h trong mã HTML thì trang web sẽ gặp khó khăn trong việc quảng bá. Mức độ h4, h5, h6 ít ý nghĩa hơn.
Phân cấp thẻ H
Nguyên tắc chính trong việc sắp xếp các tiêu đề là thứ bậc của chúng. Các thẻ không nhất thiết phải nối tiếp nhau về kích thước, nhưng không thể chấp nhận sử dụng, chẳng hạn 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.
Hệ thống phân cấp trông như thế này khi được lồng đúng:
Thẻ h1 là gì?
Thẻ h1 là mục lục của văn bản (như tiêu đề của một cuốn sách hoặc tiêu đề của một bài báo).
Mỗi trang chỉ nên có một và chỉ một thẻ h1.
Xét về mức độ hấp dẫn đối với người dùng, nó có tầm quan trọng hàng đầu. Nhưng để quảng bá SEO, .
Tiêu đề cũng là tiêu đề nhưng nó được viết 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ỉ trong tab trình duyệt và trong đoạn trích dưới dạng liên kết hoạt động đến trang web. Trên thực tế, tiêu đề là một lựa chọn thay thế nhưng là tiêu đề chính cho tài liệu HTML. Nếu thiếu thì máy tìm kiếm lấy h1 làm cơ sở và sử dụng nó trong hình liềm.
Tại sao h1 phải khác với Tiêu đề?
Điều khá quan trọng là phải hiểu rằng h1 và Tiêu đề là các tiêu đề khác nhau. Và theo đó, chúng phải được kết hợp một cách khéo léo. Dưới đây là những điều cơ bản về chủ đề này:
Việc 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ể khiến trang web rơi vào bộ lọc. Gần đây, các công cụ tìm kiếm đã bắt đầu đặc biệt chú ý đến chất lượng nội dung và cài đặt SEO của nó. Các hành vi trùng lặp, spam quá mức, đặt tiêu đề lộn xộn và không nhất quán với nội dung đều có thể bị trừng phạt.
Yêu cầu về độ dài H1
Nên làm H1 ngắn gọn hơn Tiêu đề, không vượt quá số lượng ký tự quá 50. Nhưng sẽ không thành thảm họa nếu tiêu đề dài hơn, khi không thể dồn hết bản chất vào nội dung được chỉ định con số.
Các plugin đặc biệt dành cho WordPress cho phép bạn phân tích việc điền chính xác tất cả các meta ngay trong trình chỉnh sửa.
Quy tắc viết h1 đúng
- Phải là duy nhất cho toàn bộ trang web và hoàn toàn có thể đọc được;
- Không lặp lại thẻ tiêu đề, nhưng cũng không mâu thuẫn với nó;
- Bạn không nên đặt tiêu đề quá dài (bạn có thể đặt tiêu đề đồ sộ hơn);
- Chỉ được sử dụng một lần trên mỗi trang;
- Phù hợp với văn bản và phản ánh bản chất ngữ nghĩa của tài liệu;
- Thú vị và hấp dẫn người dùng;
- Bạn không thể đặt dấu chấm ở cuối và nên sử dụng dấu chấm câu ở mức tối thiểu.
Áp dụng phím
Chủ yếu cụm từ khóa, trước hết phải chứa tiêu đề. Nhưng chúng cũng nên được viết bằng h1. Trong cả hai trường hợp, tốt hơn là nên làm điều này 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 các lần xuất hiện loãng trong h1 và các lần xuất hiện trực tiếp trong tiêu đề.
Một số lấy tất cả các khóa trên trang và sử dụng chúng để tạo cấu trúc bài viết. Xin lưu ý ngay rằng nếu không có PF thú vị, việc phân tán khóa như vậy trong các tiêu đề phụ sẽ bị bộ lọc trừng phạt vì spam quá mức.
Kỹ thuật tâm lý để viết một tiêu đề hấp dẫn
Tiêu đề phải hấp dẫn. Đây là video của Maxim Ilyakhov, một chuyên gia trong lĩnh vực truyền thông, hiệu trưởng Trường Biên tập và người tạo ra dịch vụ Glavred:
Dưới đây là một số “thủ thuật” khác được sử dụng khi viết tiêu đề.
Giải pháp
Hãy nhớ rằng một người luôn không 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 đề, mong muốn, nhu cầu của mình. Giải quyết chính xác vấn đề dự định của đối tượng mục tiêu
Một ví dụ về dòng tiêu đề hay: “Tóc của bạn có bị rụng không? Bạn sẽ hết rụng tóc sau một tuần."
Một ví dụ về tiêu đề không hay: “Có thể ngừng rụng tóc được không?”
Trong trường hợp đầu tiên, chúng tôi xác định rõ vấn đề và đề xuất 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ờ nhạt.
Âm mưu
Một ví dụ về dòng tiêu đề hay: “Tiết lộ bí quyết trị rụng tóc hiệu quả nhất”.
Một ví dụ về tiêu đề xấu: " Công thức tốt nhất vì rụng tóc."
Tiếp nhận “kỳ thi”
Một câu viết theo hình thức này thách thức người đọc, mời gọi họ tự kiểm tra.
Một ví dụ về dòng tiêu đề hay: “Bạn có chắc mình đang chống rụng tóc đúng cách không?”
Một ví dụ về dòng tiêu đề tồi: “Bạn có biết mọi thứ về chứng rụng tóc không?”
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 về tiếp thị để tìm hiểu 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 hiển thị của nó sau khi trang được lập chỉ mục.
Tại sao cần có tiêu đề phụ h2-h6?
Các thẻ từ h2 đến h6 nằm trong nội dung của bài viết, chia nó theo cấu trúc thành các đoạn văn theo chủ đề và trong mã của tài liệu HTML, làm nổi bật các yếu tố quan trọng của nó. Họ cũng được xác định robot tìm kiếm Vì phân tích ngữ nghĩa trang.
Cần phải chỉ định theo thứ bậc mọi thứ quan trọng và đáng xem người dùng trên trang. Cấu trúc này giúp một người nhanh chóng điều hướng thông tin và đánh giá sự phù hợp của nó với nhu cầu của họ.
h2 – tập trung sự chú ý của người dùng và công cụ tìm kiếm về nội dung chính của bài viết. Hiển thị những điều quan trọng nhất trong văn bản.
h3 là một mục phụ dành cho thông tin thuộc H2, thậm chí còn tiết lộ thông tin sâu hơn.
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 điểm nhỏ và những từ có ý nghĩa, cũng như trong menu, thanh bên và các thành phần khác của tài liệu web.
Tất cả các thẻ h phải có độ dài trong vòng 50 ký tự.
Cách viết tiêu đề phụ h2-h6 đúng cách
- Không thể có tiêu đề phụ nhỏ nhất mà không có tiêu đề phụ lớn hơn. Nghĩa là, nếu văn bản chứa thẻ meta h4 thì trước nó phải là h2 và h3.
- Cấp độ tiêu đề càng cao thì phông chữ càng lớn. Trong WordPress, cài đặt mặc định thường được đặt để các thẻ được tự động định dạng chính xác.
- Tất cả các thẻ h phải tương ứng với nội dung của nội dung và phản ánh bản chất của thông tin.
- Không thể chấp nhận việc sử dụng h1-h6 làm liên kết neo hoặc liên kết hoạt động.
- Bạn không thể viết các thẻ khác bên trong thẻ h.
- Chỉ cho phép văn bản và dấu câu trong thẻ h.
- Tiêu đề phụ không được chứa spam từ khóa. Tốt nhất nên sử dụng các từ khóa trong tiêu đề, h1, h2 và các từ khóa nhỏ hơn như h3, h5, h6, tập trung thảo luận chi tiết về chủ đề.
Nếu bố cục trang chứa tiêu đề và tiêu đề chính H1, nhưng bản thân văn bản của bài viết không quá lớn và không chứa các tiêu đề phụ thì đây không phải là lỗi. Có khá nhiều trang trong TOP có 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. Bạn có thể đạt được vị trí dẫn đầu mà không cần “phù phép” đối với việc đánh dấu văn bản, hãy chú trọng hơn vào. Các trang web WordPress dễ dàng được các công cụ tìm kiếm lập chỉ mục. Tuy nhiên, việc sử dụng các thẻ này không chỉ giúp công việc trở nên dễ dàng hơn mà còn giúp nội dung trở nên dễ dàng và dễ chịu hơn đối với nhận thức thị giác.
Cách điền thẻ h trong WordPress
h1 thường được điền vào trường phía trên văn bản trong bài viết:
Để tạo tiêu đề phụ h2-h6, bạn cần chọn phần tử cần thiết và di con trỏ qua tab “tiêu đề”, chọn phần tử bạn cần bằng cách nhấp vào nó. Thực hiện tương tự cho từng tiêu đề phụ, bao gồm chúng ở định dạng mong muốn.
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. Nổi bật trong Tiêu đề từ sẽ tự động xuất hiện trong đúng kích cỡ. Nếu cần, bạn có thể sửa chúng bằng công cụ soạn thảo WordPress CMS.
Thể loại
Thẻ tiêu đề đề cập đến khối yếu tố: nhãn
luôn bắt đầu bằng dòng mới, và đã ở phía sau anh ấy hàng tiếp theo các yếu tố khác đang đến. Hơn nữa, để làm cho văn bản của bạn trông đẹp mắt về mặt thẩm mỹ, tôi khuyên bạn nên thụt lề văn bản trước và sau các tiêu đề.
Làm cách nào để chèn thẻ tiêu đề H1 vào văn bản trên trang web?
Tiêu đề cấp một
Sử dụng khóa trong thẻ: Tối ưu hóa thẻ H1
Thẻ meta h1 -h6 phải được sử dụng đúng mục đích, tuân thủ nghiêm ngặt hệ thống phân cấp.
Thực tế là các robot tìm kiếm rất nhạy cảm với các tiêu đề và nội dung chúng chứa đựng. Tầm quan trọng và mức độ chú ý của công cụ tìm kiếm được xác định bởi cấp độ của tiêu đề (giảm từ h1 xuống h6). Vì vậy chúng tôi thực sự khuyên bạn nên
sử dụng khóa trong thẻ h1và các cụm từ trong văn bản của tiêu đề.Thẻ tiêu đề
(tất nhiên là tiêu đề cấp đầu tiên) có trọng lượng lớn nhất. Vì vậy, nội dung văn bản của nó phải được xem xét một cách đặc biệt nghiêm túc.
- Chèn thẻ
Chỉ có thể ở đầu trang của trang, phía trên tiêu đề của các cấp độ khác. Ngoài ra, nhiều bảng quản trị có một trường đặc biệt cho tiêu đề h1.
- Bạn nên tránh việc sử dụng hỗn loạn các tiêu đề ở các cấp độ khác nhau và đặt chúng “nếu bạn may mắn”. Công cụ tìm kiếm (và người dùng) có thể không thích điều này.
- Dưới bất kỳ tình huốngsử dụng thẻ meta
nhiều hơn một lần trên một trang. - Theo mặc định ở các trình duyệt khác nhau Các tiêu đề trông khác nhau: chúng khác nhau về cỡ chữ và mức thụt lề. Do đó, chúng tôi khuyên bạn nên điều chỉnh các tham số này bằng cách sử dụng kiểu. NHƯNG! Đừng quá nhiệt tình với việc giảm phông chữ, bởi vì... robot tìm kiếm chú ý đến điều này. Chúng tôi cũng không khuyên bạn nên đặt kích thước phông chữ tiêu đề nhỏ hơn văn bản nội dung.
- LÀM kích thước lớn hơn phông chữ tiêu đề cấp thấp Chúng tôi cũng không khuyến khích nó. Nếu là của bạn
sẽ nhiều hơn
, thì robot tìm kiếm sẽ phản ứng tiêu cực với điều này.
- Và vui lòng ngừng sử dụng các thẻ nhấn mạnh (mạnh, em, b, i) trong tiêu đề của bạn. Nội dung của thẻ tiêu đề có tác động lớn hơn đến mức độ liên quan của trang so với thẻ đánh dấu.
Theo đánh giá của đa số các chuyên gia SEO (và chúng tôi cũng tham gia cùng họ), nội dung văn bản bên trong thẻ mạnh (in đậm) về mặt ý nghĩa gần tương ứng với nội dung của tiêu đề cấp h5. Và đây là một mức độ bình thường.
- Sử dụng key trong thẻ h1Tất nhiên! Tốt nhất nếu đây là cụm từ khóa chính (từ khóa được bao gồm trong các từ khóa ngữ nghĩa hoàn toàn khác trên trang này).
- Nội dung văn bản của tiêu đề phải khác với thẻ tiêu đề.
Cách kiểm tra thẻ h1 trên một trang
Để kiểm tra xem bạn có bao nhiêu tiêu đề chính ở đó và khắc phục tình huống có nhiều tiêu đề, chỉ cần mở mã trang.
Kiểm tra số lượng thẻ h1
Bạn có thể thực hiện việc này bằng trình duyệt hoặc trong bảng quản trị. Trong trường hợp này, không cần mở rộng thêm.
Ctrl + Shift + C hoặc F12
Phím nóng sẽ giúp bạn mở mã trang.
Có thể bỏ qua thẻ h1 và các tiêu đề phụ khác không?
Tôi đã gặp câu hỏi này nhiều lần trên Internet và tôi muốn đưa ra câu trả lời chi tiết cho nó. Và một chuyên gia SEO tuyệt vời từ studio của chúng tôi, Oleg Vasiliev, sẽ giúp tôi việc này.
Trong lĩnh vực tối ưu hóa công cụ tìm kiếm, rất khó để đưa ra câu trả lời rõ ràng cho các câu hỏi. Điều này không liên quan gì đến năng lực của chuyên gia, mặc dù điều này có một số sự thật. Mỗi câu hỏi được cho là nhằm đạt được một mục tiêu nào đó. Dựa trên điều này, câu trả lời cho các câu hỏi có thể khác nhau và bạn có thể nhận được một kết quả hoàn toàn khác.
Mục tiêu toàn cầu của các công cụ tìm kiếm như Google, Yandex khá đơn giản - cần cung cấp cho người dùng thông tin hữu ích nhất liên quan đến truy vấn đã nhập. Công cụ tìm kiếm đạt được điều này bằng cách kiểm tra một trang web dựa trên một số yếu tố. Để trang web của bạn được hiển thị cho người dùng, bạn phải đáp ứng các yếu tố này càng sát càng tốt để công cụ tìm kiếm quyết định rằng nó đã đạt được mục tiêu toàn cầu.
Một trong những tiêu chí để xếp hạng thành công là thông tin đáp ứng được nhu cầu của người dùng, được cập nhật và có cấu trúc chính xác.
Về cấu trúc, chính điều này đã giúp người dùng nhanh chóng tìm thấy thông tin mình đang tìm kiếm. Với những mục đích này, thông tin nên được chia thành các đoạn nhỏ, danh sách (nếu cần), nên sử dụng các tiêu đề và tiêu đề phụ.
Tiêu đề h1 giúp người dùng hiểu ý nghĩa tổng thể của nội dung trang. Theo quy định, văn bản trên trang có một đơn vị ngữ nghĩa rất cụ thể, nó là một đơn vị ngữ nghĩa, do đó phải có một tiêu đề chính. Hơn nữa, nội dung, nếu cấu trúc gợi ý, có thể được chia thành các khối ngữ nghĩa nhỏ và mỗi khối sẽ có phụ đề riêng. Điều rất quan trọng là phải quan sát lồng nhau, nghĩa là sau H1 bạn phải sử dụng H2 và sau H2 bạn phải sử dụng H3. Mọi thứ đều khá logic.
Tiêu đề và tiêu đề phụ phải có ý nghĩa và không được sử dụng cho mục đích khác.
Bây giờ chúng ta hãy quay lại câu hỏi:
Có thể bỏ qua thẻ h1 và các tiêu đề phụ khác không?
Câu trả lời rất rõ ràng: Bạn có thể làm được nếu việc quảng bá trang web của bạn trên Internet không đặc biệt quan trọng đối với bạn.
Chào các cậu! Tôi cảm thấy tình hình đang nóng lên, những lời tục tĩu và lăng mạ nhắm vào tôi bắt đầu xuất hiện trong các bình luận. Chà, nếu không thì tôi đã bỏ lỡ những khoảng thời gian này rồi. 🙂 Điều tồi tệ nhất là bị phớt lờ. Và khi họ mắng tôi, điều đó tốt, có nghĩa là tôi đang xúc phạm ai đó. Xin vui lòng. 🙂 Này đồng chí bình luận viên, xin chào!!! 🙂 Nhưng vì chửi thề nên bình luận của bạn phải xóa; tôi đã nói nhiều lần rằng tôi sẽ không dung thứ cho những lời chửi bới kiểu này.
Nhiều người tố cáo tôi bán hàng. Đúng, vẫn còn thời gian, nhưng tôi đã hứa rằng số lượng của họ sẽ giảm đi. Nhưng có người vẫn cho rằng nếu mình review một dịch vụ thì bài này sẽ hết hàng. Hãy suy nghĩ những gì bạn muốn, quý ông. Lương tâm tôi trong sáng và tôi mỉm cười với cả 32 chiếc răng khểnh. Tôi đang có tâm trạng vui vẻ và những độc giả trung thành của tôi cũng vậy, ít nhất tôi sẽ cố gắng. 🙂
Trong bài học trước tôi đã nói về phần mở rộng SEO cho trình duyệt. Không phải vô cớ mà tôi quyết định nêu ra một chủ đề đã lâu nay. Tôi quyết định chấm chữ I. Nhiều độc giả hỏi tôi cách sử dụng chính xác các tiêu đề h1, h2, h3, v.v.? Tôi đã trở lại vào năm 2012. Khi kiểm tra nhiều trang web, tôi thấy những sai sót tương tự mà tôi không thừa nhận. Vì vậy, đã đến lúc mở rộng bài học đó một chút.
Có lẽ một số trình tối ưu hóa sẽ coi thẻ h1 và những thứ tương tự là vô dụng, nhưng phần lớn vẫn hỗ trợ chúng. Nếu bạn vẫn chưa nhận ra thì SEO là một môn khoa học rất phức tạp, mỗi người đều có quan điểm riêng.
Quy tắc sử dụng tiêu đề h1, h2, h3, h4 trên một trang theo quan điểm SEO
Quy tắc 1 : Trang chỉ nên có 1 thẻ h1.
Hãy nhớ rằng, chỉ 1, không phải 2, ít hơn 3. Nhiều người quan tâm đến cách tìm ra số lượng thẻ này trên một trang và rất thường xuyên quản trị viên web bắt đầu đi vào mã nguồn của trang và tìm kiếm các thẻ này theo cách thủ công . Tôi cũng đã làm điều này cho đến khi “người anh em Internet” Vitaly (http://mojwp.ru/) của tôi nói với tôi một điều rất thông minh, hóa ra nó lại được tích hợp vào thanh SEO yêu thích của tôi.
Bạn cần gì?
Một điểm cộng rất lớn là có 1 thẻ trong h1 trên trang, điều này rất tốt. Nếu bạn không có hoặc có nhiều hơn một, dưới đây tôi sẽ cho bạn biết cách loại bỏ những cái thừa hoặc thêm chúng.
Quy tắc số 2: các tiêu đề h2, h3, h4 chỉ nên có trong chính bài viết.
Trong trường hợp của mình các bạn thấy h2 dùng rất đúng nhưng trong thẻ h3, h4 mình lại có từ “rác”. Nghĩa là, những cụm từ này không mang lại bất kỳ lợi ích nào về mặt SEO. Hơn nữa, bằng cách sử dụng thẻ h ở những nơi không cần thiết, chúng tôi làm giảm tầm quan trọng của các thẻ này đối với các công cụ tìm kiếm, vì “trọng lượng” của chúng bị phân tán vào các cụm từ không cần thiết. Vì vậy, thẻ h chỉ nên có trong bài viết. Có, có những trường hợp ngoại lệ khi các từ khóa được nhập rất thành thạo vào các khối riêng biệt trên trang web, nhưng chúng không đẩy cụm từ “Đăng ký trang web”, v.v. vào đó.
Làm thế nào để khắc phục những lỗi này?
Để sửa những lỗi như vậy, chúng ta lại cần một tiện ích bổ sung khác mà tôi đã nói đến - tiện ích bổ sung này (nó cũng có sẵn cho Chrome).
Ví dụ: chúng tôi tìm thấy một phần tử trong thẻ h không cần thiết trên trang, tôi sẽ lấy biểu thức “Đăng ký” và “Trang web”, mà thanh RDS đã cho tôi biết (chúng ở dạng h4, xem hình trên) . Tôi đã tìm thấy 2 thành phần này trên trang web (bạn có thể sử dụng tìm kiếm trong trình duyệt Ctrl+F, nhập cụm từ tìm kiếm được yêu cầu), chúng tôi “kiểm tra” một trong số chúng bằng Firebug:
Và ở bên phải, chúng ta thấy các kiểu của thẻ h4 này (trong trường hợp của tôi):
Chúng ta sẽ cần chúng ngay bây giờ. Mở tệp style.css của chủ đề của chúng tôi và thêm các đặc điểm của phong cách này ngay cuối (xem mũi tên trong hình trên), chỉ cần gọi nó là một cái gì đó khác (tôi quyết định gọi nó là new4, đừng quên dấu chấm ở sự bắt đầu):
Vì biểu thức “Đăng ký” nằm ở tầng hầm của tôi nên tôi mở file footer.php, nhập cụm từ “Đăng ký” qua CTRL+F, đây là:
Và thay vì h4, chúng ta viết lớp mới (trong trường hợp của tôi là “new4”), nghĩa là sau khi sửa đổi sẽ có một hình ảnh như thế này:
Chúng ta lưu file, mở Firefox, làm mới trang và thấy thẻ h4 có chữ “Subscription” đã biến mất:
Vì kiểu của các từ “Đăng ký” và “Trang web” đối với tôi không khác nhau nên tôi cũng viết lớp “new4” ở chân trang thay vì thẻ h4 cho từ “Trang web” và chúng tôi thấy rằng hiện tại không có h4 “rác” trên trang:
Chúng tôi thực hiện các hành động tương tự với các thẻ h3 không cần thiết. Trong trường hợp của tôi, việc sử dụng cụm từ “Đăng ký các bài học miễn phí”, “Bài học tương tự”, v.v. trong h3 là không chính xác. H3 chỉ nên chứa tiêu đề xuất hiện trong văn bản. Tương tự, hãy xem qua các loại trang web khác nhau (bài viết, trang, danh mục, v.v.), nhưng trang chính là một câu chuyện riêng biệt mà tôi sẽ kể cho bạn nghe bên dưới.
Nếu đột nhiên bài viết của bạn không có trong h1, chỉ cần mở tệp chủ đề single.php, tìm đầu ra tiêu đề bài viết ở đó (tìm kiếm trong tìm kiếm bằng cách sử dụng biểu thức “the_title”) và đóng khung nó trong h1:
Quy tắc số 3: Nên sử dụng thẻ h1 trên trang chính.
Hiện tại, trang web của tôi không có h1 trên trang chính, điều này tôi nghĩ đã phá vỡ cấu trúc.
Tôi tin rằng một trang không thể có thẻ h3 nếu không có h2 phía trên nó và cũng không thể sử dụng h2 nếu không có h1. Tương tự như vậy, sử dụng h1 và h3 chẳng hạn mà không có h2 cũng không đúng. Hơn nữa, mọi thứ phải tuân theo cấu trúc rõ ràng: h2 không được cao hơn h1 trên trang, h3 không được cao hơn thẻ h2 đầu tiên, v.v.
Bạn nên đặt gì trong h1 cho trang chính? Đây có thể là văn bản bao gồm chính xác các từ khóa được yêu cầu nhiều nhất mà bạn đang quảng cáo. Tôi nhắc lại, đã nhập CÓ THÀNH CÔNG và không phải là một danh sách ngu ngốc.
Ngoài ra, đối với nhiều người, mô tả trong tiêu đề của trang web chỉ hiển thị những thông tin cần thiết. Ở đó thường có những từ khóa “ngon lành” và tiêu đề cũng được coi là “điểm hấp dẫn”, nơi rất tốt để “nuôi” các công cụ tìm kiếm bằng các cụm từ cần thiết. Sẽ là tội lỗi nếu không sử dụng nó.
Hãy nhớ: tiêu đề h1 phải khác với tiêu đề của trang. Điều này sẽ hữu ích cho việc quảng bá công cụ tìm kiếm.
Thông thường, ở đâu đó ở nơi này có mô tả về trang web (trong trường hợp của tôi thì không có): Nhưng ở đây có một vấn đề nhất định nảy sinh: nếu chúng ta viết mô tả này bằng h1 trong tiêu đề trang web, thì nó cũng sẽ ở dạng h1 bên trong các bài viết, điều này lại sai.
Nghĩa là, chúng ta cần viết một hàm nhất định thực hiện như sau: nếu chúng ta đang ở trang chính thì thẻ h1 sẽ được gán cho văn bản trong tiêu đề, nhưng nếu chúng ta đang ở một trang khác ngoài trang chính thì cùng một văn bản được hiển thị, theo cùng một kiểu, nhưng không có thẻ h1. Việc này được thực hiện để các trang nội bộ không có 2 thẻ h1 (mô tả trang + tiêu đề bài viết).
Và một “người anh em Internet” khác của tôi, lần này đến từ Kazan, tên là Ramil (thật đáng tiếc là anh ấy không có blog, tôi muốn đặt một liên kết ngay bây giờ), vui lòng chia sẻ chức năng PHP này (bạn biết đấy, tôi 'tôi không giỏi PHP) ), cô ấy đây:
Mô tả của trang web
Mô tả của trang webỞ đây, bạn nên đặt trước các kiểu tương tự trong style.css cho h1 và cho kiểu “mô tả” để khách truy cập trực quan không thấy sự khác biệt.
Cũng có ý kiến cho rằng để tránh bị các công cụ tìm kiếm trừng phạt vì “thư rác quá mức”, tốt hơn hết nên thay tiêu đề h2, h3, h4 bằng các kiểu chẳng hạn
Theo tôi thì thế thôi. Nếu bạn có bất kỳ câu hỏi nào, hãy viết, tôi sẽ trả lời bằng mọi cách. Và vâng, hãy tiếp tục viết những bình luận hài hước, chúng khiến tôi mỉm cười và cổ vũ tôi. 🙂
Trong các dự án thông tin hàng đầu của tôi, đầu tiên, một chuyên gia trong chủ đề này sẽ xây dựng cấu trúc của bài viết (tiêu đề và tiêu đề phụ), sau đó người viết quảng cáo sẽ viết văn bản dựa trên chúng.
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 cách hoạt động của thẻ h.
h1 là tiêu đề phụ chính trong một bài viết, thường được đặt phía trên văn bản.
Tiêu đề đầu tiên phải lớn hơn các tiêu đề khác trên trang về mặt trực quan.
h2-h6 là các phân nhóm nhỏ được đặt theo nguyên tắc lồng nhau.
Tiêu đề thậm chí dùng để làm gì?
Đối với những người không rành về chủ đề này, về nguyên tắc, đây là một video hay về những kiến thức cơ bản về cách soạn tiêu đề phụ h1-h6. Nếu bạn không coi mình là chuyên gia, hãy xem:
Và để củng cố tài liệu, một video yếu hơn một chút:
Các tiêu đề được thiết kế để làm nổi bật bản chất chính, ý tưởng của văn bản tiếp theo trong một cụm từ hoặc thậm chí một từ. Thông thường, một người sẽ chú ý đến chúng trước tiên và quyết định xem có nên đọ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 văn bản và thư quảng cáo, đồng thời đóng vai trò là công cụ chính để thu hút sự chú ý của đối tượng mục tiêu.
Trong mã, thẻ trông như thế này:
, trong đó chữ h xuất phát từ từ “tiêu đề”, có nghĩa là “tiêu đề”. Mỗi cấp độ được biểu thị bằng một số tương ứng.
Thẻ H qua mắt mọi người
Văn bản được chia thành các tiêu đề phụ trông gọn gàng 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 về việc liệu nó có đáng đọc toàn bộ văn bản hay không và liệu nó có chứa thông tin hữu ích mà họ đang tìm kiếm hay không. Các tiêu đề bắt mắt, làm nổi bật nội dung chính và tạo cơ hội cho người dùng phân tích tài liệu.
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, nhờ đó họ có thể nhanh chóng điều hướng văn bản. Và nếu những điểm nổi bật này thu hút được sự chú ý thì người đó sẽ nán lại trang này và có thể sẽ đọc toàn bộ bài viết. Bạn có thể kiểm tra kết quả bằng cách sử dụng các yếu tố hành vi. Nếu mọi người ở lại trang và thực hiện một số hành động, điều đó có nghĩa là công việc SEO đã không được thực hiện một cách vô ích.
Thẻ H qua con mắt của công cụ tìm kiếm
Robot tìm kiếm thu thập thông tin từ chúng để phân tích ngữ nghĩa. Các cấp độ tiêu đề h1, h2, h3 có tầm quan trọng đặc biệt đối với bot. Ứng dụng không nhất quán hoặc không chính xác của chúng có thể ảnh hưởng tiêu cực đến thứ hạng của trang. Nếu không có thẻ h trong mã HTML thì trang web sẽ gặp khó khăn trong việc quảng bá. Mức độ h4, h5, h6 ít ý nghĩa hơn.
Phân cấp thẻ H
Nguyên tắc chính trong việc sắp xếp các tiêu đề là thứ bậc của chúng. Các thẻ không nhất thiết phải nối tiếp nhau về kích thước, nhưng không thể chấp nhận sử dụng, chẳng hạn 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.
Hệ thống phân cấp trông như thế này khi được lồng đúng:
Thẻ h1 là gì?
Thẻ h1 là mục lục của văn bản (như tiêu đề của một cuốn sách hoặc tiêu đề của một bài báo).
Mỗi trang chỉ nên có một và chỉ một thẻ h1.
Xét về mức độ hấp dẫn đối với người dùng, nó có tầm quan trọng hàng đầu. Nhưng để quảng bá SEO, .
Tiêu đề cũng là tiêu đề nhưng nó được viết 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ỉ trong tab trình duyệt và trong đoạn trích dưới dạng liên kết hoạt động đến trang web. Trên thực tế, tiêu đề là một lựa chọn thay thế nhưng là tiêu đề chính cho tài liệu HTML. Nếu thiếu thì máy tìm kiếm lấy h1 làm cơ sở và sử dụng nó trong hình liềm.
Tại sao h1 phải khác với Tiêu đề?
Điều khá quan trọng là phải hiểu rằng h1 và Tiêu đề là các tiêu đề khác nhau. Và theo đó, chúng phải được kết hợp một cách khéo léo. Dưới đây là những điều cơ bản về chủ đề này:
Việc 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ể khiến trang web rơi vào bộ lọc. Gần đây, các công cụ tìm kiếm đã bắt đầu đặc biệt chú ý đến chất lượng nội dung và cài đặt SEO của nó. Các hành vi trùng lặp, spam quá mức, đặt tiêu đề lộn xộn và không nhất quán với nội dung đều có thể bị trừng phạt.
Yêu cầu về độ dài H1
Nên làm H1 ngắn gọn hơn Tiêu đề, không vượt quá số lượng ký tự quá 50. Nhưng sẽ không thành thảm họa nếu tiêu đề dài hơn, khi không thể dồn hết bản chất vào nội dung được chỉ định con số.
Các plugin đặc biệt dành cho WordPress cho phép bạn phân tích việc điền chính xác tất cả các meta ngay trong trình chỉnh sửa.
Quy tắc viết h1 đúng
- Phải là duy nhất cho toàn bộ trang web và hoàn toàn có thể đọc được;
- Không lặp lại thẻ tiêu đề, nhưng cũng không mâu thuẫn với nó;
- Bạn không nên đặt tiêu đề quá dài (bạn có thể đặt tiêu đề đồ sộ hơn);
- Chỉ được sử dụng một lần trên mỗi trang;
- Phù hợp với văn bản và phản ánh bản chất ngữ nghĩa của tài liệu;
- Thú vị và hấp dẫn người dùng;
- Bạn không thể đặt dấu chấm ở cuối và nên sử dụng dấu chấm câu ở mức tối thiểu.
Áp dụng phím
Chủ yếu cụm từ khóa, trước hết phải chứa tiêu đề. Nhưng chúng cũng nên được viết bằng h1. Trong cả hai trường hợp, tốt hơn là nên làm điều này 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 các lần xuất hiện loãng trong h1 và các lần xuất hiện trực tiếp trong tiêu đề.
Một số lấy tất cả các khóa trên trang và sử dụng chúng để tạo cấu trúc bài viết. Xin lưu ý ngay rằng nếu không có PF thú vị, việc phân tán khóa như vậy trong các tiêu đề phụ sẽ bị bộ lọc trừng phạt vì spam quá mức.
Kỹ thuật tâm lý để viết một tiêu đề hấp dẫn
Tiêu đề phải hấp dẫn. Đây là video của Maxim Ilyakhov, một chuyên gia trong lĩnh vực truyền thông, hiệu trưởng Trường Biên tập và người tạo ra dịch vụ Glavred:
Dưới đây là một số “thủ thuật” khác được sử dụng khi viết tiêu đề.
Giải pháp
Hãy nhớ rằng một người luôn không 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 đề, mong muốn, nhu cầu của mình. Giải quyết chính xác vấn đề dự định của đối tượng mục tiêu
Một ví dụ về dòng tiêu đề hay: “Tóc của bạn có bị rụng không? Bạn sẽ hết rụng tóc sau một tuần."
Một ví dụ về tiêu đề không hay: “Có thể ngừng rụng tóc được không?”
Trong trường hợp đầu tiên, chúng tôi xác định rõ vấn đề và đề xuất 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ờ nhạt.
Âm mưu
Một ví dụ về dòng tiêu đề hay: “Tiết lộ bí quyết trị rụng tóc hiệu quả nhất”.
Một ví dụ về tiêu đề xấu: " Công thức tốt nhất vì rụng tóc."
Tiếp nhận “kỳ thi”
Một câu viết theo hình thức này thách thức người đọc, mời gọi họ tự kiểm tra.
Một ví dụ về dòng tiêu đề hay: “Bạn có chắc mình đang chống rụng tóc đúng cách không?”
Một ví dụ về dòng tiêu đề tồi: “Bạn có biết mọi thứ về chứng rụng tóc không?”
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 về tiếp thị để tìm hiểu 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 hiển thị của nó sau khi trang được lập chỉ mục.
Tại sao cần có tiêu đề phụ h2-h6?
Các thẻ từ h2 đến h6 nằm trong nội dung của bài viết, chia nó theo cấu trúc thành các đoạn văn theo chủ đề và trong mã của tài liệu HTML, làm nổi bật các yếu tố quan trọng của nó. Họ cũng được xác định robot tìm kiếm Vì phân tích ngữ nghĩa trang.
Cần phải chỉ định theo thứ bậc mọi thứ quan trọng và đáng xem người dùng trên trang. Cấu trúc này giúp một người nhanh chóng điều hướng thông tin và đánh giá sự phù hợp của nó với nhu cầu của họ.
h2 – tập trung sự chú ý của người dùng và công cụ tìm kiếm về nội dung chính của bài viết. Hiển thị những điều quan trọng nhất trong văn bản.
h3 là một mục phụ dành cho thông tin thuộc H2, thậm chí còn tiết lộ thông tin sâu hơn.
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 điểm nhỏ và những từ có ý nghĩa, cũng như trong menu, thanh bên và các thành phần khác của tài liệu web.
Tất cả các thẻ h phải có độ dài trong vòng 50 ký tự.
Cách viết tiêu đề phụ h2-h6 đúng cách
- Không thể có tiêu đề phụ nhỏ nhất mà không có tiêu đề phụ lớn hơn. Nghĩa là, nếu văn bản chứa thẻ meta h4 thì trước nó phải là h2 và h3.
- Cấp độ tiêu đề càng cao thì phông chữ càng lớn. Trong WordPress, cài đặt mặc định thường được đặt để các thẻ được tự động định dạng chính xác.
- Tất cả các thẻ h phải tương ứng với nội dung của nội dung và phản ánh bản chất của thông tin.
- Không thể chấp nhận việc sử dụng h1-h6 làm liên kết neo hoặc liên kết hoạt động.
- Bạn không thể viết các thẻ khác bên trong thẻ h.
- Chỉ cho phép văn bản và dấu câu trong thẻ h.
- Tiêu đề phụ không được chứa spam từ khóa. Tốt nhất nên sử dụng các từ khóa trong tiêu đề, h1, h2 và các từ khóa nhỏ hơn như h3, h5, h6, tập trung thảo luận chi tiết về chủ đề.
Nếu bố cục trang chứa tiêu đề và tiêu đề chính H1, nhưng bản thân văn bản của bài viết không quá lớn và không chứa các tiêu đề phụ thì đây không phải là lỗi. Có khá nhiều trang trong TOP có 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. Bạn có thể đạt được vị trí dẫn đầu mà không cần “phù phép” đối với việc đánh dấu văn bản, hãy chú trọng hơn vào. Các trang web WordPress dễ dàng được các công cụ tìm kiếm lập chỉ mục. Tuy nhiên, việc sử dụng các thẻ này không chỉ giúp công việc trở nên dễ dàng hơn mà còn giúp nội dung trở nên dễ dàng và dễ chịu hơn đối với nhận thức thị giác.
Cách điền thẻ h trong WordPress
h1 thường được điền vào trường phía trên văn bản trong bài viết:
Để tạo tiêu đề phụ h2-h6, bạn cần chọn phần tử cần thiết và di con trỏ qua tab “tiêu đề”, chọn phần tử bạn cần bằng cách nhấp vào nó. Thực hiện tương tự cho từng tiêu đề phụ, bao gồm chúng ở định dạng mong muốn.
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. Nổi bật trong Tiêu đề từ sẽ tự động xuất hiện trong đúng kích cỡ. Nếu cần, bạn có thể sửa chúng bằng công cụ soạn thảo WordPress CMS.
