HTML tag là 1 đoạn text trong mã nguồn của website, viết bằng HTML. Chúng không được nhìn thấy bởi người đọc trang web (trừ khi họ xem mã nguồn) nhưng chúng sẽ cung cấp những dữ liệu quan trọng của trang cho những bộ máy tìm kiếm. Do đó, HTML tag giúp bộ máy tìm kiếm hiểu nội dung trang web của bạn đang nói về điều gì.
Một số nội dung trong HTML tag sẽ được bộ máy tìm kiếm hiển thị trên kết quả tìm kiếm (SERPs – Search Engine Result Pages), giúp người đọc có thể tìm thấy kết quả phù hợp. Do đó, có thể nói HTML tag là một phần rất quan trọng của tối ưu Onpage, thậm chí toàn bộ quá trình SEO.
Nội dung chính
Những HTML tag nào quan trọng nhất?
Sau nhiều năm, tầm ảnh hưởng của HTML tag đến với thứ hạng tìm kiếm có nhiều thay đổi. Một số HTML tag không còn được Google chú trọng và đánh giá cao sau khi nhiều người lợi dụng chúng. Tuy nhiên, vẫn còn 1 số HTML tag quan trọng cần quan tâm:
- Gia tăng trải nghiệm người dùng bằng cách cung cấp thông tin tốt hơn, phù hợp với truy vấn tìm kiếm.
- Hướng dẫn bộ máy tìm kiếm đâu là phần quan trọng nhất của website, phần nào chỉ xem nhanh qua.
- Thông tin hiển thị trên SERP hấp dẫn hơn và hữu ích hơn.
Quay lại câu hỏi trên, chúng ta sẽ đi vào chi tiết từng HTML tag quan trọng cho SEO
Title tag
Title tag là gì?
Title tag (thẻ tiêu đề) thường được bộ máy tìm kiếm sử dụng để làm tiêu đề của trang và hiển thị nó lên SERPs. Trong HTML thì thẻ này trông giống như:
[su_note]<title>7 HTML tag quan trọng trong SEO – Thủ Thuật Marketing</title>[/su_note]Giá trị SEO
Title tag thường là phần quan trọng bậc nhất đối với công cụ tìm kiếm. Title tag là một trong những thứ mà người ta thấy trên SERPs. Các công cụ tìm kiếm vẫn hiểu nội dung trang từ title tag. Tuy nhiên, Google giờ cũng đã chuyển quan tìm kiếm ngữ nghĩa nên giá trị SEO từ title tag cũng giảm đi ít nhiều.
Hiện tại, title tag vẫn có giá trị hiển thị rất lớn ở 3 nơi:
- SERPs – nơi mà người tìm kiếm quyết định click hay không click;
- Tab trên trình duyệt – giúp người duyệt web tìm thấy trang web của bạn khi họ mở rất nhiều tab;
- Mạng xã hội – Title tag được sử dụng khi trang web bạn chia sẻ trên đó.
Vấn đề
Theo thời gian, Google sẽ sử dụng một cách hiển thị khác thay cho title tag. Việc này có vẻ gây khó khăn cho SEO nhưng có lý do để Google làm việc đó.
- Nhồi nhét từ khóa trong tiêu đề
- Tiêu đề không phù hợp với truy vấn tìm kiếm
- Có 1 số tiêu đề thay thế – Facebook và Twitter có title tag riêng trong <head>.
Cách tối ưu
Khá đơn giản để tối ưu title tag, đây laà 1 số thủ thuật mà Google rất thích:
- Độ dài tiêu đề dưới 70 ký tự. Nếu dài hơn, Google sẽ cắt chúng trên SERPs.
- Từ khóa trong tiêu đề nằm gần đầu, không nhồi nhét (1 – 2 lần là đủ).
- Thương hiệu trong tiêu đề sẽ giúp người đọc nhận diện bạn tốt hơn.
Meta Description Tag
Meta Description Tag là gì?
Meta description tag (thẻ mô tả) là một đoạn văn bản ngắn trong <head>. nói thường được sử dụng trong SERP ngay sau tiêu đề và đường dẫn. Trong HTML nó trông như:
[su_note]<meta name=”description” content=”HTML tag là gì và chúng ảnh hưởng đến thành công của SEO như thế nào? Cùng Thủ Thuật Marketing điểm qua 7 HTML tag quan trọng nhất mà bạn cần phải kiểm tra thường xuyên trên website của mình, cho dù bạn có đang làm SEO hay không. Chỉ mất 15 để đọc nhưng chúng sẽ giúp bạn cải thiện kết quả thứ hạng.”/>[/su_note]Giá trị SEO
Giá trị của Meta description tag tương tự như tiêu đề. Đây là một phần quan trọng giúp bộ máy tìm kiếm xác định chủ đề của trang và giúp người tìm kiếm hiểu nhanh về trang liên quan đến truy vấn của họ.
Mặc dù meta description tag không còn là tiêu chí xếp hạng, nhưng nó vẫn giúp người tìm kiếm quyết định có click hay không, và nó sẽ ảnh hưởng đến CTR (Click-through rate). Hơn nữa, mô tả chính xác với nội dung trang sẽ giúp giảm tỉ lệ thoát.
Meta description có thể thấy ở 2 nơi:
- SERP – Meta description xuất hiện ở phần lớn nhất trên SERP.
- Mạng xã hội – Meta description sẽ xuất hiện khi người ta chia sẻ liên kết lên mạng xã hội.
Vấn đề
Tương tự như tiêu đề, Google có thể sẽ hiển thị mô tả khác với meta description tag mà ta đã khai báo trong <head>, nếu có sự khác biệt với câu truy vấn của người dùng. Dĩ nhiên, chúng ta không thể viết mô tả đúng với tất cả các câu truy vấn, do đó, tốt nhất là chúng ta sẽ viết mô tả phù hợp nhất với nội dung trang.
Cách tối ưu
- Độ dài của meta description trong khoảng 300 ký tự (Google đã nâng số lượng hiển thị của Meta description từ 160 lên 300 ký tự từ 12/2017). Nếu dài hơn, Google sẽ cắt chúng trên SERPs.
- Nội dung Meta description như là đoạn quảng cáo cho trang.
- Không có dấu chú thích “” trong Meta description
- Sử dụng Schema Markup.
Open Graph Tag
Open Graph Tag là gì?
Open Graph (OG) tag là một dạng mở rộng trong <head> giúp các trang web có nội dung hiển thị đa dạng hơn trên mạng xã hội. Nó được Facebook giới thiệu lần đầu tiên vào năm 2010 và được nhiều nền tảng xã hội khác sử dụng theo.
Trong HTML nó được viết tương tự như:
[su_note]<meta property=”og:title” content=”7 HTML tag quan trọng trong SEO – Thủ Thuật Marketing” />[/su_note]Giá trị SEO
OG tag giúp bạn kiểm soát nội dung chia sẻ trên mạng xã hội, gia tăng kết quả hiển thị, tăng tỉ lệ click và tăng chuyển đổi.
Cách tối ưu
Có 1 vài OG tag bạn cần nắm và sử dụng đúng:
- OG title: 60 – 90 ký tự.
- OG type: bạn có thể định nghĩa loại nội dung chia sẻ: website, post, video, công ty… Bạn có thể kiểm tra tại đây.
- OG description: hoàn toàn tương tự như Meta description tag. Tuy nhiên, nó ko xuất hiện trên SERPs mà trên mạng xã hội. Nội dung trong khoảng 200 ký tự.
- OG image: hình ảnh tăng hiệu quả thu hút lên đến 500%. Hãy lựa chọn 1 tấm hình tốt nhất. Kích thước đề xuất là 1200x627px và dung lượng dưới 5MB.
- Twitter card: chúng hoàn toàn tương tự như OG tag nhưng được sử dụng riêng cho Twitter. Xem chi tiết tại đây.
Robots Tag
Robots tag là gì?
Robots tag là một nội dung hướng dẫn bộ máy tìm kiếm index trang nào và không index trang nào trong website. Nó hoàn toàn tương tự như robots.txt, tuy nhiên nó chỉ hoạt động trên các trang đơn lẻ thay vì trên toàn website như robots.txt
Trong HTML nó trông như:
[su_note]<meta name=”robots” content=”index, follow”>[/su_note]Giá trị SEO
Robots tag không giúp bạn tăng thứ hạng, nhưng nó giúp bạn bảo vệ thứ hạng trong trường hợp bạn phải chặn index 1 số trang.
Ví dụ, bạn có 1 vài trang nội dung nghèo nàn, không tốt cho bộ máy tìm kiếm nhưng bạn không thể bỏ chúng được. Do đó, bạn có thể sử dụng noindex tag cho những trang thế này.
Cách tối ưu
- Sử dụng robots tag đúng cách
- Sử dụng tham biến trong robots tag đúng cách
- Robots tag và sự an toàn
Canonical Tag
Canonical tag là gì?
Khi bạn có một số trang cùng nội dung, bạn có thể sử dụng canonical tag để báo cho bộ máy tìm kiếm biết trang nào nên được ưu tiên.
Trong HTML nó trông như:
[su_note]<link rel=”canonical” href=”https://thuthuatmarketing.com/digital-marketing/seo/7-html-tag-quan-trong-trong-seo/” />[/su_note]Giá trị SEO
Canonical tag quan trọng với SEO trong 2 cách:
- Đầu tiên, nó không chỉ báo cho bộ máy tìm kiếm biết trang nào là chính khi có nhiều trang trùng nội dung, tránh bị phạt.
- Thứ hai, nó giúp tránh trường hợp các trang có nội dung tương tự cạnh tranh nội bộ với nhau trên SERP, đảm bảo nội dung mong muốn được xuất hiện.
Cách tối ưu
Trong mỗi bài viết, nếu nội dung là duy nhất và không trùng lặp hay tương tự với bài nào khác, hãy sử dụng Canonical tag là chính đường dẫn của bài viết. Cách làm này sẽ giúp bạn tránh trường hợp bị trùng lặp nội dung với chính mình khi bạn sử dụng tham biến tracking như UTM của Google.
Với những bài viết có nội dung tương tự hoặc trùng lặp, hãy chọn ra 1 bài viết tốt nhất, sử dụng đường dẫn của bài viết đó trong Canonical tag cho những trang khác.
Header Tag
Header Tag là gì?
Header tag là những tiêu đề (h1 – h6) sử dụng trong cấu trúc nội dung của trang. Trong HTML nó trông như:
[su_note]<h1>7 HTML tag quan trọng trong SEO</h1>[/su_note]Giá trị SEO
Mặc dù bạn có thể không dùng bất cứ header tag nào cũng không sao, nhưng nó sẽ giúp bộ máy tìm kiếm đọc nội dung của bạn hiệu quả hơn. Thứ tự sắp xếp của header tag (h1 đến h6) cho thấy cấp bậc quan trọng của mỗi chủ đề.
Hơn nữa, khi trang được cấu trúc tốt, người đọc sẽ dễ dàng theo dõi nội dung toàn trang cũng như nắm những ý chính nhanh hơn. Đặc biệt là hiện nay Google đã sử dụng list-type featured snippets cho những truy vấn dạng hướng dẫn. Nếu h1 của trang phù hợp với truy vấn, thì những tiêu đề con (ví dụ như h2) sẽ được trình bày như bên dưới. Thật tuyệt vời!
Cách tối ưu
- Phân cấp header tag – Sử dụng h1 đến h6 để phân cấp các loại nội dung. H1 được sử dụng như tiêu đề của bài viết và chỉ có 1 thẻ h1 trong 1 trang.
- Tối ưu từ khóa trong nội dung tiêu đề – Sử dụng từ khóa chính trong h1 và những từ khóa dài trong những thẻ h2 đến h6. Tuy nhiên, không được nhồi nhét từ khóa!
- Dễ nhìn thấy – Header tag giúp người đọc nắm ý chính của bài viết tốt hơn, do đó hãy trình bày header tag với kích thước lớn hơn và ấn tượng hơn.
Alt trong hình ảnh
Alt là gì?
Alt là một thành phần trong thẻ hình ảnh (image tag), giải thích nội dung bức hình dưới dạng văn bản. Trong HTML nó trông như:
[su_note]<img src=”url” alt=”Your clear-cut image description”>[/su_note]Giá trị SEO
Alt đóng vai trò quan trọng trong việc tối ưu hình ảnh. Nó giúp hình ảnh được hiểu cho cả người xem website lẫn bộ máy tìm kiếm.
Cách tối ưu
- Bổ sung alt cho tất cả những hình ảnh trong trang, với nội dung phù hợp với bài viết và những gì hình ảnh đang thể hiện.
- Tối ưu từ khóa trong alt – Điều tuyệt vời khi SEO Tiếng Việt là bạn có thể tận dụng nội dung của alt để đưa những từ khóa không dấu vào.
Lời kết
Mình đã đi qua chi tiết của tất cả những HTML tag quan trọng trong SEO. Tuy chúng không phải là tất cả, nhưng nó cũng ảnh hưởng rất lớn đến sự thành công của 1 dự án SEO. Hãy kiểm tra lại những bài viết của bạn và bổ sung những gì còn thiếu. Bên dưới, mình chia sẻ 1 kết quả chỉ từ việc tối ưu HTML tag và nội dung trong trang.