Thẻ quan trọng trong HTML là gì?
|
Các thẻ HTML là các phần tử mã có mặt sau của tất cả các trang web, nhưng cũng có các loại mã HTML cụ thể cung cấp cho các công cụ tìm kiếm thông tin chính để hiển thị SERP. Về cơ bản, những phần tử này làm nổi bật các phần nội dung của bạn có liên quan đến tìm kiếm và chúng mô tả các phần tử đó cho trình thu thập dữ liệu tìm kiếm Show Điều đó nói rằng, bạn không cần phải sử dụng tất cả các công cụ mã bổ sung này. Các công cụ tìm kiếm ngày càng thông minh hơn và ngày nay các thẻ HTML ít được sử dụng hơn nhiều so với trước đây. Tuy nhiên, một số thẻ vẫn đang hoạt động - và một số thẻ thậm chí còn đạt được giá trị SEO Trong bài đăng này, chúng ta sẽ xem xét một số thẻ HTML SEO chính vẫn còn ý nghĩa vào năm 2020 1. thẻ tiêu đềThẻ tiêu đề được sử dụng để thiết lập các tiêu đề có thể nhấp mà bạn thấy trong SERP Nói chung, việc tạo tiêu đề SERP cho trang của bạn tùy thuộc vào Google và Google có thể sử dụng bất kỳ tiêu đề phần nào trong trang - hoặc thậm chí Google có thể tạo tiêu đề mới hoàn toàn Tuy nhiên, nơi đầu tiên Google sẽ kiểm tra ý tưởng tiêu đề là thẻ tiêu đề và khi có thẻ tiêu đề, Google rất có thể sẽ biến nó thành tiêu đề chính trong danh sách có liên quan. Như vậy, việc tối ưu hóa thẻ tiêu đề mang lại cho bạn một số quyền kiểm soát đối với cách trang của bạn được thể hiện trong SERP Thực hành tốt nhấtMột mặt, tiêu đề của bạn phải chứa các từ khóa sẽ giúp nó xuất hiện trong kết quả tìm kiếm. Mặt khác, tiêu đề của bạn phải đủ hấp dẫn để người dùng thực sự nhấp qua, do đó cần có sự cân bằng giữa tối ưu hóa tìm kiếm và trải nghiệm người dùng
Mã HTMLDưới đây là một đoạn mã được lấy từ một bài báo của BBC về số liệu thống kê về coronavirus. Bạn có thể thấy thẻ tiêu đề được thiết lập phù hợp nằm ngay trên thẻ mô tả meta - đó là điều chúng ta sẽ thảo luận tiếp theo 2. thẻ mô tả metaThẻ mô tả meta được sử dụng để thiết lập mô tả trong đoạn kết quả tìm kiếm Google không phải lúc nào cũng sử dụng thẻ mô tả meta để tạo các đoạn mã này, nhưng nếu có thẻ meta thì rất có thể mô tả meta của bạn sẽ xuất hiện trên SERP Tuy nhiên, hãy nhớ rằng đôi khi Google sẽ bỏ qua thẻ mô tả meta và thay vào đó trích dẫn một đoạn nội dung từ trang. Điều này thường xảy ra khi trích dẫn phù hợp hơn cho một truy vấn cụ thể so với mô tả meta. Về cơ bản, Google sẽ chọn tùy chọn tốt nhất để tăng cơ hội nhấp chuột của bạn Thực hành tốt nhấtCác quy tắc cho mô tả meta không quá nghiêm ngặt - xét cho cùng, nếu bạn không viết được một mô tả hay, thậm chí nếu bạn không viết được hoàn toàn, thì Google sẽ viết một mô tả cho bạn
Mã HTMLDưới đây là một đoạn mã được lấy từ cùng một bài báo của BBC về số liệu thống kê về vi-rút corona và bạn có thể thấy rằng theo sau thẻ tiêu đề là thẻ mô tả meta, cung cấp một bản tóm tắt ngắn gọn về nội dung của bài báo. 3. Thẻ tiêu đề (H1-H6)Các thẻ tiêu đề được sử dụng để cấu trúc các trang của bạn cho cả người đọc và công cụ tìm kiếm Không có gì bí mật khi hầu như không còn ai đọc hết một bài báo nữa - thay vào đó, những gì chúng tôi thường làm là lướt qua bài báo cho đến khi tìm thấy phần mình thích, chúng tôi đọc một phần đó và sau đó thoát ra. Và nếu bài viết không được chia thành nhiều phần, thì nhiều phần sẽ bị trả lại ngay lập tức, bởi vì nó quá nhiều. Vì vậy, từ góc độ người dùng, các tiêu đề là công cụ hỗ trợ đọc hữu ích Tuy nhiên, từ quan điểm của công cụ tìm kiếm, các thẻ tiêu đề tạo thành cốt lõi của nội dung và giúp các bot trình thu thập thông tin tìm kiếm hiểu nội dung của trang. Thực hành tốt nhấtCác quy tắc dành cho tiêu đề bắt nguồn từ các phương pháp viết quảng cáo chung - hãy chia nội dung của bạn thành các phần có kích thước vừa phải và duy trì định dạng nhất quán
Mã HTMLDưới đây là một đoạn mã được lấy từ cùng một bài báo của BBC về số liệu thống kê về vi-rút corona và bạn có thể thấy rằng có một tiêu đề H2 được thiết lập đúng cách, theo sau là hai đoạn văn 4. Văn bản thay thế hình ảnhMặc dù mục tiêu chính của văn bản thay thế là khả năng truy cập web, mục tiêu SEO của thuộc tính alt là lập chỉ mục hình ảnh Mục tiêu chính của văn bản thay thế hình ảnh là giúp người dùng hiểu hình ảnh khi khách truy cập bị khiếm thị không xem được hình ảnh đó. Trong trường hợp này, cùng với những lúc, chẳng hạn như có sự cố và hình ảnh không tải, văn bản thay thế có thể được sử dụng để mô tả nội dung trong hình ảnh, thay vì xem nó Từ góc độ SEO, văn bản thay thế là một phần quan trọng trong cách hình ảnh được lập chỉ mục trong tìm kiếm của Google. Vì vậy, nếu những gì bạn làm có yếu tố trực quan - có thể là hình ảnh về sản phẩm, tác phẩm, hình ảnh lưu trữ, tác phẩm nghệ thuật của bạn - thì bạn chắc chắn nên cân nhắc sử dụng văn bản thay thế hình ảnh Thực hành tốt nhấtĐiều kiện tiên quyết để thêm thẻ văn bản thay thế là tìm tất cả các hình ảnh không có thẻ này Bạn có thể sử dụng một công cụ như WebSite Auditor để thu thập dữ liệu trang web của mình và biên soạn danh sách các hình ảnh bị thiếu văn bản thay thế. Khi bạn đã tạo danh sách của mình, hãy áp dụng các nguyên tắc này
Mã HTMLDưới đây là ví dụ về đoạn văn bản thay thế từ hình ảnh tế bào bệnh 5. đánh dấu lược đồĐánh dấu lược đồ được sử dụng để nâng cao các đoạn mã SERP thông thường với các tính năng đoạn mã chi tiết  Lược đồ. org lưu trữ một tập hợp các thẻ do Google, Bing, Yahoo cùng phát triển. , Yandex và các thẻ được quản trị viên web sử dụng để cung cấp cho công cụ tìm kiếm thông tin bổ sung về các loại trang khác nhau. Đổi lại, các công cụ tìm kiếm sử dụng thông tin này để nâng cao đoạn mã SERP của họ với nhiều tính năng phong phú khác nhau Không có gì chắc chắn về việc liệu việc sử dụng đánh dấu Schema có cải thiện cơ hội xếp hạng của một người hay không - tuy nhiên, không có nghi ngờ gì về việc các đoạn trích kết quả trông hấp dẫn hơn nhiều so với các đoạn trích thông thường và do đó cải thiện vị trí của một người trong tìm kiếm Thực hành tốt nhấtCách tốt nhất duy nhất là truy cập lược đồ. org và xem liệu họ có bất kỳ thẻ nào có thể áp dụng cho các loại trang của bạn không. Có hàng trăm, nếu không muốn nói là hàng nghìn thẻ, vì vậy có khả năng sẽ có một tùy chọn được áp dụng và có thể giúp cải thiện danh sách trang web của bạn Mã HTMLĐây là một đoạn mã mẫu xác định thông tin dinh dưỡng cho một công thức. Bạn có thể truy cập lược đồ. org để biết danh sách đầy đủ các mục có sẵn để đánh dấu 6. Thẻ ngữ nghĩa HTML5Các phần tử HTML5 được sử dụng để mô tả tốt hơn các thành phần trang khác nhau Trước khi giới thiệu các phần tử HTML5, chúng tôi chủ yếu sử dụng các thẻ div để chia mã HTML thành các thành phần riêng biệt, sau đó chúng tôi sử dụng các lớp và id để chỉ định rõ hơn các thành phần đó. Mỗi quản trị viên web đã chỉ định các thành phần theo cách tùy chỉnh của riêng họ và do đó, nó trở thành một mớ hỗn độn và là một thách thức đối với các công cụ tìm kiếm để hiểu nội dung trên mỗi trang là gì. Với việc giới thiệu các phần tử HTML5 ngữ nghĩa, chúng tôi đã có một tập hợp các thẻ trực quan, mỗi thẻ mô tả một thành phần trang riêng biệt. Vì vậy, thay vì gắn thẻ nội dung của chúng tôi bằng một loạt các div khó hiểu, giờ đây chúng tôi có cách mô tả các thành phần theo cách dễ hiểu, chuẩn hóa Như bạn có thể tưởng tượng, các công cụ tìm kiếm rất hào hứng với HTML5 ngữ nghĩa Mã HTMLDưới đây là một số yếu tố HTML5 ngữ nghĩa hữu ích nhất, hãy sử dụng chúng để cải thiện khả năng giao tiếp của bạn với các công cụ tìm kiếm
7. Thẻ meta robotThẻ meta rô-bốt là tất cả về các quy tắc tương tác giữa các trang web và công cụ tìm kiếm Đây là nơi chủ sở hữu trang web có thể phác thảo một bộ quy tắc để thu thập dữ liệu và lập chỉ mục các trang của họ. Một số quy tắc này là bắt buộc, trong khi những quy tắc khác giống như gợi ý hơn - không phải tất cả trình thu thập thông tin sẽ tôn trọng thẻ meta rô bốt, nhưng các công cụ tìm kiếm chính thống thường sẽ. Và nếu không có thẻ meta robot, thì trình thu thập thông tin sẽ làm theo ý mình Thực hành tốt nhấtThẻ meta rô-bốt phải được đặt trong phần đầu của mã trang và phải chỉ định trình thu thập thông tin nào mà nó xử lý và hướng dẫn nào sẽ được áp dụng
Mã HTMLDưới đây là một số tham số được sử dụng phổ biến nhất với thẻ meta rô bốt. Bạn có thể sử dụng bất kỳ số lượng nào trong số chúng trong một thẻ meta rô bốt duy nhất, được phân tách bằng dấu phẩy
8. thẻ chính tắcThẻ Canonical giúp bạn tránh khỏi nguy cơ trùng lặp nội dung Ý chính của nó là bất kỳ trang cụ thể nào, không phải do lỗi của bạn, có thể có một số địa chỉ. Đôi khi, chúng là kết quả của nhiều cấu phần phần mềm khác nhau - như http/https và nhiều thẻ theo dõi - và những lần khác, chúng là kết quả của nhiều tùy chọn sắp xếp và tùy chỉnh có sẵn trong danh mục sản phẩm Thành thật mà nói, đó không phải là một vấn đề lớn, ngoại trừ việc tất cả các địa chỉ đó có thể đang đánh thuế vào ngân sách thu thập dữ liệu và thẩm quyền trang của bạn, đồng thời nó cũng có thể gây rối với việc theo dõi hiệu suất của bạn. Cách khác là sử dụng thẻ chuẩn để cho công cụ tìm kiếm biết địa chỉ trang nào trong số các địa chỉ trang đó là địa chỉ chính Thực hành tốt nhấtĐể tránh các biến chứng SEO tiềm ẩn, hãy áp dụng thẻ chuẩn cho các trang sau
suy nghĩ cuối cùngĐây là những thẻ HTML hàng đầu mà tôi vẫn lo lắng vào năm 2020, mặc dù tôi tin rằng một số trong số chúng đang trên đà phát triển. Như đã lưu ý, với việc các công cụ tìm kiếm ngày càng thông minh hơn, nhu cầu tối ưu hóa thẻ HTML ngày càng ít đi, bởi vì hầu hết mọi thứ giờ đây có thể được suy ra bằng thuật toán. Ngoài ra, hầu hết các hệ thống CMS hiện đại đều tự động thêm các yếu tố này, ít nhất là trong một số khả năng Tuy nhiên, tôi sẽ không để Google hoàn toàn phụ thuộc vào việc diễn giải nội dung của tôi – tốt nhất là bạn nên hoàn thành nửa chừng nếu có thể Thẻ nào quan trọng nhất theo từng lần sử dụng trong HTML?8 trong số các Thẻ HTML quan trọng nhất cho SEO . thẻ tiêu đề. Thẻ tiêu đề được sử dụng để thiết lập các tiêu đề có thể nhấp mà bạn thấy trong SERP. . thẻ mô tả meta. . Thẻ tiêu đề (H1-H6). . Văn bản thay thế hình ảnh. . đánh dấu lược đồ. . Thẻ ngữ nghĩa HTML5. . Thẻ meta robot. . thẻ chính tắc Các thẻ chính trong HTML là gì?Có bốn thẻ bắt buộc trong HTML. Đây là html, tiêu đề, phần đầu và nội dung . Bảng bên dưới hiển thị cho bạn thẻ mở và thẻ đóng, mô tả và ví dụ. Đây là những thẻ bạn đặt ở đầu và cuối tệp HTML. |
