Thẻ meta HTML quan trọng đối với SEO vào năm 2021/22 - GetDevDone Blog (2023)

Các thẻ meta có vẻ khó khăn đối với những người không biết bất kỳ mã nào và không muốn học nó, nhưng tất cả chúng đều rất chuẩn và bạn không thực sự cần biết cách viết mã để quản lý chúng.

Ngoài ra, chúng thường có thể được thêm vào trang web thông qua bảng quản trị bằng plugin SEO, ví dụ: Yoast hoặc All in One SEO cho WordPress. Anh có thể kiểm trahướng dẫn nàyvề việc thêm thẻ meta trong WordPress.

Thẻ meta cho SEO

Thẻ tiêu đề

Thẻ tiêu đề thực sự là một Thành phần Tiêu đề Trang, không phải là thẻ meta. Nó không chỉ hiển thị với bot mà còn với mọi người. Đó là cách người dùng sẽ thấy trang của bạn được hiển thị trên trang kết quả của công cụ tìm kiếm (SERP) và sau đó trong tab trình duyệt (nếu họ quyết định truy cập trang web của bạn).

Tiêu đề phải đúng âm thanh để kích thích nhấp chuột. Lý tưởng nhất, đó là một lời kêu gọi hành động nhỏkhông quá 60 ký tựdài với các từ khóa thiết yếu gần đầu thẻ hơn.

Bạn có thể sử dụng dấu chấm câu và các ký hiệu như dấu gạch ngang (|) và dấu hoa thị (*) để chia nhỏ văn bản một cách trực quan:

Phần tử tiêu đề là mộtthẻ bắt buộc. Điều này có nghĩa là nó phải xuất hiện trên mọi trang trong trang web của bạn. Hãy chắc chắn rằng các thẻ tiêu đề làđộc nhấtcho mỗi trang. Nếu không, bạn có nguy cơ làm hại SEO của mình.

Thẻ mô tả meta

Mô tả tên meta là một thẻ meta thích hợp cũng cực kỳ quan trọng đối với SEO. Mặc dù các công cụ tìm kiếm không sử dụng nó để xếp hạng, nhưng chúng có thể hiển thị nó dưới dạng một đoạn mô tả nội dung của trang trên SERP.

Giống như thẻ tiêu đề, một mô tả meta tốt chứa lời kêu gọi hành động nhưng dài hơn một chút–tối đa 160 từ(phần còn lại có thể bị cắt bỏ). Nó nên bao gồm các từ khóa, nhưng không quá nhiều vì nhồi nhét từ khóatrông giống như thư rác. Mô tả meta phải là duy nhất cho mỗi trang, nhấn mạnhmột từ khóa trên mỗi trang.

Đây là mô tả meta của trang Giới thiệu về chúng tôi:

Và đây là tiêu đề và mô tả trông như thế nào trên SERP.

Thẻ meta rô-bốt

Không giống như thẻ tiêu đề và thẻ mô tả meta, thẻ meta rô bốt không bắt buộc. Bạn chỉ cần nó nếu bạn muốn chặn các công cụ tìm kiếm lập chỉ mục một trang cụ thể hoặc chặn các trình thu thập thông tin theo các liên kết trên một trang, chẳng hạn như các liên kết do người khác thêm vào trong phần nhận xét, điều này có thể gây hại cho SEO của bạn nếu theo dõi.

Vì vậy, nó có thể trông giống như:

Hoặc

Bạn không cần phải sử dụng các giá trị “chỉ mục” và “theo dõi” vì chúng là giá trị mặc định. Có các tham số khác như “noimageindex”, “nocache”, v.v. Nếu bạn quyết định sử dụng thẻ meta rô bốt, bạn có thể kiểm tra Googlehướng dẫnlàm thế nào để làm điều đó một cách chính xác.

Liên kết Rel Thẻ Meta Canonical

Đây là một thẻ meta ít được biết đến hơn những thẻ ở trên, nhưng nó có thể rất quan trọng nếu bạn có các trang giống hệt nhau trên trang web của mình. Tất nhiên, cách tốt nhất là tránh trùng lặp nội dung. Tuy nhiên, đôi khi nó chỉ đơn giản là không thể. Ví dụ: nếu bạn có một cửa hàng trực tuyến và cần đặt một sản phẩm vào hai danh mục khác nhau hoặc trang web tự động tạo một số liên kết cho cùng một trang.

Trong những trường hợp đó, tốt nhất bạn nên quyết định trang nào bạn muốn làm trang chính và chỉ định trang đó là trang chuẩn. Nếu bạn không, Google sẽđưa ra quyết định cho bạn. Nó sẽ thu thập dữ liệu trang mà nó chọn thường xuyên hơn các trang tương tự khác và sẽ hiển thị trang đó cho người dùng trong kết quả tìm kiếm. Bằng cách tự chọn một liên kết chuẩn, bạn xác định trang nào sẽ được phục vụ.

(Có một lưu ý: Google có thể bỏ qua chỉ định của bạn và chọn một trang khác làm trang chuẩn, nhưng nếu bạn làm theo hướng dẫn choHợp thức hóa, có khả năng cao là Google sẽ đồng ý với lựa chọn của bạn).

Một lợi ích khác của việc chỉ định trang chuẩn là hợp nhất các liên kết mà các trang trùng lặp riêng lẻ có thể nhận được từ các nguồn bên ngoài. Việc tổng hợp vốn chủ sở hữu liên kết này có thể làm cho trang xếp hạng cao hơn.

Để xác định một trang là trang chuẩn, hãy thêm mộtgắn thẻ meta vào phần đầu của nó cũng như phần đầu của tất cả các trang trùng lặp khác. Ví dụ: đây là mã liên kết chuẩn từ trang Giới thiệu của chúng tôi:

Kiểm trabài viết nàyđể biết hướng dẫn về cách thêm thẻ meta chuẩn vào các trang trong các hệ thống quản lý nội dung và công cụ cửa hàng trực tuyến khác nhau.

Hreflang Tag

Bạn chỉ cần sử dụng thẻ meta Hreflang nếu bạn có các phiên bản khác nhau của trang web dành cho các đối tượng khác nhau dựa trên ngôn ngữ hoặc quốc gia. Nó cho phép bạn chỉ định phiên bản nào sẽ hiển thị cho người dùng tùy thuộc vào ngôn ngữ hoặc vị trí của họ.

Ngay cả khi bạn không sử dụng nó, Google có thể sẽ cung cấp phiên bản chính xác cho một đối tượng cụ thể dựa trên ngôn ngữ nội dung và các tín hiệu khác như tiền tệ. Tuy nhiên, họđề nghị rõ ràngbao gồm cả thẻ.

Đây là cú pháp:

Đây là cách nó được sử dụng trên trang chủ Guardian:

Lưu ý rằng cùng một ngôn ngữ (tiếng Anh), nhưng các quốc gia khác nhau: Vương quốc Anh (en-GB), Hoa Kỳ (en-US) và Úc (en-AU). Phiên bản “en” chung sẽ được phục vụ cho người dùng từ phần còn lại của thế giới.

Để chỉ định một ngôn ngữ, bạn cần sử dụng mã ngôn ngữ và để xác định vị trí, bạn cần có mã quốc gia.

Nhưng vấn đề thực sự với việc thêmhreflangthẻ chính xác là nó phải có hai chiều. Ví dụ: nếu bạn có phiên bản tiếng Tây Ban Nha và phiên bản tiếng Anh của một trang, thì trang tiếng Tây Ban Nha cần liên kết với trang tiếng Anh và ngược lại để ngăn người ngoài liên kết đến các trang của bạn và tuyên bố chúng là phiên bản địa phương hóa của trang web của bạn.

Có một số phương pháp thêm cácHreflangnhãn:

• trực tiếp vào các phần đầu của trang
• tiêu đề HTTP
• bản đồ trang web

Họ đều có ưu và nhược điểm của họ. Cái đầu tiên là dễ thành thạo nhất nếu bạn là người mới bắt đầu và có một trang web nhỏ chỉ với một vài trang cần được bản địa hóa.

Tuy nhiên, nó nhanh chóng trở nên cồng kềnh và có thể không hoạt động đối với các trang web lớn có nhiều trang và nhiều ngôn ngữ. Google có mộthướng dẫn kỹ thuậtvề cách thêm thẻ meta.

Thẻ meta phương tiện truyền thông xã hội

Các thẻ meta này cho phép bạn kiểm soát cách trang của bạn hiển thị trênnền tảng truyền thông xã hộinhư Facebook, LinkedIn hoặc Twitter nếu nó được chia sẻ ở đó. Bạn có phải sử dụng các thẻ? Không, bạn không cần, nhưng sau đó các thuật toán của nền tảng sẽ “quyết định” cách hiển thị trang của bạn và cung cấp thông tin gì về trang đó, và kết quả có thể không giống như cách bạn muốn.

Để đảm bảo rằng trang hiển thị đẹp mắt trong bài đăng và thu hút lượt thích, chia sẻ và lượt truy cập, bạn cần chỉ định tiêu đề, mô tả và hình ảnh bạn muốn hiển thị. Có vẻ như bạn sẽ phải làm thêm nhiều việc, nhưng nếu bạn hy vọng rằng bất kỳ nội dung nào của mình sẽ được chia sẻ, thì việc bỏ thời gian và công sức đó cũng rất đáng giá.

Đây là số lượng mã The Guardian sử dụng cho mộttrang bài viết:

Và đây là kết quả:

Cáccác thẻ trong mã nguồn ở trên đề cập đến giao thức Open Graph được sử dụng bởi Facebook, LinkedIn và Google. Twitter cũng hỗ trợ giao thức Open Graph nhưng cóthẻ meta riêngcho thẻ twitter của nó là tốt.

Bạn không cần phải sử dụng nhiều thẻ meta trên mạng xã hội như The Guardian, nhưng một số ít thiết yếu như tiêu đề, mô tả, hình ảnh và URL sẽ giúp ích rất nhiều. Đây là một toàn diệnbài báotrên các thẻ phương tiện truyền thông xã hội phổ biến nhất.

Không phải tất cả các thẻ meta nghe có vẻ tốt cho SEO đều thực sự tốt. Một số ví dụ bao gồm thẻ meta Googlebot, tác giả, bản quyền, tóm tắt. Anh có thể kiểm trabài viết nàyđể biết danh sách các thẻ meta “xấu”. Chúng tôi sẽ chỉ nói một vài từ ở đây về thẻ vô dụng phổ biến nhất: từ khóa meta.

Từ khóa meta

Thẻ Meta Keywords hiện đã lỗi thời. Nó rất quan trọng vào những năm 1990 khi các thuật toán của công cụ tìm kiếm nguyên thủy dựa vào nó để lấy thông tin về nội dung trang web. Tuy nhiên, nó đã bị lạm dụng bởi những người làm SEO vô đạo đức, khiến các công cụ tìm kiếm ngừng hỗ trợ vào cuối những năm 90. Từ năm 2009, Googletuyên bốrằng họ không sử dụng thẻ meta từ khóa trong bảng xếp hạng của họ.

Tóm lại, thẻ meta là không thể tránh khỏi và nếu được sử dụng đúng cách, có thể tăng SEO của bạn. Các thẻ meta khác, chẳng hạn như chế độ xem, tải trước, biểu định kiểu liên kết rel, biểu tượng yêu thích, v.v., cũng có thể phản ánh về SEO của bạn vì chúng ảnh hưởng đến khả năng sử dụng trang web của bạn. Nhưng chúng tôi sẽ đề cập đến chúng trong một bài viết khác.

Dịch vụ phát triển web hàng đầu từ GetDevDone

GetDevDone là nhà cung cấp hàng đầu vềdịch vụ phát triển webtrong hơn 16 năm qua.

Cung cấp của chúng tôi bao gồm pixel-hoàn hảo, đáp ứngthiết kế để chuyển đổi HTML/CSS, tạomẫu thư điện tửvà hấp dẫnBiểu ngữ HTML5,phát triển giao diện người dùngvới các framework JS phổ biến (Vue, React, Angular),phát triển thương mại điện tử(phát triển Shopify, Magento, WooC Commerce), phát triển dựa trên CMS (Drupal,phát triển WordPress, HubSpot), và nhiều hơn thế nữa.

Hãynói chuyệnvề dự án của bạn ngày hôm nay!