SEO Onpage là một phần không thể thiếu khi bắt tay vào làm bất kỳ dự án SEO nào. Một website được tối ưu hóa Onpage tốt sẽ cải thiện trải nghiệm người dùng và giúp Google bot dễ dàng đọc hiểu nội dung trên website hơn.
Các yếu tố SEO Onpage cần được thiết lập ngay từ khi bắt đầu nhận dự án bao gồm cấu trúc website, HTTPS, sitemap, viết mới content SEO, audit content, tối ưu tốc độ tải trang, và nhiều yếu tố khác.
Là một SEOer, bạn nên hiểu rõ SEO Onpage là gì, mức độ quan trọng của SEO Onpage, và thực hiện đầy đủ, tỉ mỉ, chi tiết từng checklist Onpage ngay sau đây.
SEO Onpage là gì?
SEO Onpage là tập hợp các kỹ thuật và phương pháp tối ưu hóa các yếu tố ngay trên trang web của bạn nhằm cải thiện thứ hạng của trang web trên các công cụ tìm kiếm. Điều này bao gồm việc tối ưu hóa nội dung, cấu trúc URL, thẻ meta, tốc độ tải trang và nhiều yếu tố khác.
Tại sao SEO Onpage lại quan trọng?
SEO Onpage quan trọng vì nó giúp các công cụ tìm kiếm hiểu rõ hơn về trang web của bạn và cung cấp trải nghiệm tốt hơn cho người dùng. Một trang web được tối ưu hóa tốt sẽ có cơ hội thu hút nhiều lưu lượng truy cập tự nhiên hơn, từ đó tăng doanh thu và tầm ảnh hưởng của doanh nghiệp.
6 công cụ hỗ trợ SEO Onpage
- Google Search Console: Giúp kiểm tra và tối ưu hóa hiệu suất trang web trên Google. Nó cung cấp thông tin về cách Google nhìn thấy trang web của bạn và phát hiện các vấn đề có thể ảnh hưởng đến thứ hạng.
- Ahrefs: Cung cấp thông tin chi tiết về backlinks, từ khóa và tình trạng SEO của trang web. Ahrefs cũng giúp bạn theo dõi các từ khóa của đối thủ cạnh tranh.
- SEMrush: Phân tích từ khóa, kiểm tra lỗi SEO và theo dõi thứ hạng từ khóa. SEMrush cũng cung cấp các báo cáo chi tiết về tình trạng SEO của trang web của bạn.
- Yoast SEO (dành cho WordPress): Công cụ tối ưu hóa SEO phổ biến cho các trang web WordPress, giúp bạn dễ dàng thêm thẻ meta, từ khóa và phân tích nội dung.
- Moz Pro: Cung cấp các công cụ để nghiên cứu từ khóa, phân tích liên kết và tối ưu hóa trang web. Moz Pro còn có tính năng đánh giá Domain Authority (DA) và Page Authority (PA).
- Screaming Frog SEO Spider: Công cụ thu thập dữ liệu trang web để tìm lỗi SEO. Nó giúp bạn kiểm tra các yếu tố như thẻ tiêu đề, thẻ meta, trạng thái HTTP, và nhiều yếu tố khác.
Danh sách 30 checklist SEO Onpage 2021
-
Domain
- Chọn domain dễ nhớ và liên quan đến nội dung trang web.
- Sử dụng domain có độ dài ngắn gọn, không quá phức tạp.
- Tránh sử dụng các ký tự đặc biệt hoặc số trong domain.
-
Robots.txt
- Tạo file
robots.txt
để hướng dẫn các công cụ tìm kiếm những trang nào nên và không nên thu thập dữ liệu. - Ví dụ:
plaintext
User-agent: *
Disallow: /admin/
Disallow: /cgi-bin/
- Lưu ý: Đảm bảo rằng bạn không vô tình chặn các trang quan trọng.
- Tạo file
-
Sitemap
- Tạo sitemap XML để giúp các công cụ tìm kiếm hiểu cấu trúc trang web.
- Đăng ký sitemap với Google Search Console và Bing Webmaster Tools.
- Ví dụ:
xml
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/</loc>
<lastmod>2021-07-30</lastmod>
<changefreq>monthly</changefreq>
<priority>1.0</priority>
</url>
</urlset>
-
URL
- Sử dụng URL thân thiện với người dùng và công cụ tìm kiếm.
- Tránh sử dụng các ký tự đặc biệt và giữ URL ngắn gọn.
- Bao gồm từ khóa chính trong URL.
- Ví dụ:
http://www.example.com/huong-dan-seo-onpage/
-
Tốc độ tải trang
- Tối ưu hóa tốc độ tải trang bằng cách nén hình ảnh, sử dụng caching và tối ưu mã nguồn.
- Sử dụng công cụ như Google PageSpeed Insights để kiểm tra và cải thiện tốc độ trang.
- Lưu ý: Một trang web nhanh sẽ cải thiện trải nghiệm người dùng và thứ hạng trên công cụ tìm kiếm.
-
Mobile Friendly
- Đảm bảo trang web hiển thị tốt trên các thiết bị di động.
- Sử dụng thiết kế responsive để trang web tự động điều chỉnh theo kích thước màn hình.
- Kiểm tra tính thân thiện với di động bằng công cụ Mobile-Friendly Test của Google.
-
Breadcrumb
- Sử dụng breadcrumb để cải thiện điều hướng trên trang web và giúp người dùng dễ dàng biết họ đang ở đâu trên trang.
- Ví dụ:
html
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
-
Dữ liệu cấu trúc
- Sử dụng dữ liệu cấu trúc để giúp công cụ tìm kiếm hiểu nội dung trang web và hiển thị thông tin phong phú trong kết quả tìm kiếm.
- Ví dụ sử dụng schema.org:
html
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Example Article",
"datePublished": "2021-07-30",
"author": {
"@type": "Person",
"name": "John Doe"
}
}
</script>
-
Ảnh
- Tối ưu hóa kích thước và định dạng ảnh để giảm thời gian tải trang.
- Sử dụng thuộc tính
alt
để mô tả ảnh, giúp công cụ tìm kiếm hiểu nội dung ảnh và cải thiện khả năng tìm kiếm hình ảnh. - Ví dụ:
html
<img src="image.jpg" alt="Mô tả ảnh chi tiết" />
-
Canonical
- Sử dụng thẻ canonical để tránh trùng lặp nội dung và chỉ định trang gốc khi có nhiều phiên bản của một trang.
- Ví dụ:
html
<link rel="canonical" href="http://www.example.com/sample-page" />
- Lưu ý: Đảm bảo chỉ định đúng trang gốc để tránh ảnh hưởng đến thứ hạng.
-
Favicon
- Đảm bảo trang web có favicon để tạo dấu ấn thương hiệu và tăng nhận diện trang web.
- Ví dụ:
html
<link rel="icon" href="favicon.ico" type="image/x-icon" />
-
Comment
- Quản lý và kiểm duyệt comment để tránh spam và duy trì chất lượng nội dung.
- Khuyến khích người dùng để lại bình luận mang tính xây dựng và phản hồi tích cực.
-
Thẻ ngôn ngữ Hreflang
- Sử dụng thẻ
hreflang
để chỉ định ngôn ngữ và khu vực của trang, giúp công cụ tìm kiếm cung cấp phiên bản trang web phù hợp cho người dùng. - Ví dụ:
html
<link rel="alternate" href="http://example.com/" hreflang="en-us" />
<link rel="alternate" href="http://example.com/fr/" hreflang="fr-fr" />
- Sử dụng thẻ
-
Trình soạn thảo văn bản
- Sử dụng các trình soạn thảo văn bản chuẩn để đảm bảo nội dung dễ đọc và chuẩn SEO.
- Lưu ý: Trình soạn thảo nên hỗ trợ các định dạng văn bản và thẻ HTML cơ bản.
-
Social trên website
- Thêm các nút chia sẻ lên mạng xã hội để tăng khả năng lan tỏa nội dung và tạo sự tương tác với người dùng.
- Ví dụ:
html
<div class="social-share">
<a href="http://facebook.com/share?url=example.com">Facebook</a>
<a href="http://twitter.com/share?url=example.com">Twitter</a>
</div>
-
Broken link
- Kiểm tra và sửa chữa các liên kết bị hỏng để cải thiện trải nghiệm người dùng và SEO.
- Sử dụng công cụ như Screaming Frog SEO Spider hoặc Google Search Console để phát hiện broken link.
-
W3C HTML
- Kiểm tra và sửa lỗi HTML theo chuẩn W3C để đảm bảo trang web hoạt động tốt trên mọi trình duyệt.
- Lưu ý: Trang web không có lỗi HTML sẽ cải thiện khả năng thu thập dữ liệu của công cụ tìm kiếm.
-
Meta Title
- Sử dụng tiêu đề trang (Meta Title) hấp dẫn và chứa từ khóa chính.
- Giữ tiêu đề dưới 60 ký tự để tránh bị cắt ngắn trong kết quả tìm kiếm.
- Ví dụ:
html
<title>Hướng dẫn SEO Onpage hiệu quả cho 2021</title>
-
Meta Description
- Viết mô tả trang (Meta Description) ngắn gọn, hấp dẫn và chứa từ khóa.
- Giữ mô tả dưới 160 ký tự để tránh bị cắt ngắn.
- Ví dụ:
html
<meta name="description" content="Hướng dẫn chi tiết về SEO Onpage cho năm 2021, bao gồm các công cụ hỗ trợ và checklist cần thiết." />
-
Meta Keyword
- Sử dụng từ khóa chính trong thẻ Meta Keywords.
- Lưu ý: Google hiện không sử dụng Meta Keywords để xếp hạng, nhưng nó vẫn có thể hữu ích cho các công cụ tìm kiếm khác.
- Ví dụ:
html
<meta name="keywords" content="SEO Onpage, hướng dẫn SEO, công cụ SEO" />
-
Redirect 301 và 302
- Sử dụng redirect 301 cho việc chuyển hướng vĩnh viễn và 302 cho chuyển hướng tạm thời.
- Ví dụ redirect 301:
html
<meta http-equiv="refresh" content="0; url=http://newsite.com" />
- Lưu ý: Sử dụng đúng loại redirect để tránh mất thứ hạng trang.
-
AMP
- Sử dụng AMP để cải thiện tốc độ tải trang trên di động.
- Ví dụ:
html
<html amp>
<head>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<link rel="stylesheet" href="https://cdn.ampproject.org/v0/amp-story-1.0.css" />
</head>
<body>
<amp-story standalone>
<amp-story-page id="page1">
<amp-story-grid-layer template="fill">
<amp-img src="image.jpg" width="720" height="1280" layout="responsive"></amp-img>
</amp-story-grid-layer>
</amp-story-page>
</amp-story>
</body>
</html>
-
Video
- Thêm video vào trang web để tăng tương tác và thời gian ở lại trang của người dùng.
- Sử dụng các thẻ
video
hoặc nhúng video từ các nền tảng như YouTube.
-
Google Business
- Tạo và duy trì tài khoản Google My Business để cải thiện khả năng tìm kiếm địa phương.
- Cập nhật thông tin đầy đủ và thường xuyên để tối ưu hóa hồ sơ doanh nghiệp.
-
Trang 404
- Tạo trang 404 thân thiện để hướng dẫn người dùng quay lại trang chính hoặc tìm thấy nội dung khác.
- Ví dụ:
html
<div class="error-page">
<h1>404 - Page Not Found</h1>
<p>Sorry, the page you are looking for does not exist. Please go back to the <a href="/">homepage</a>.</p>
</div>
-
Index
- Đảm bảo tất cả các trang quan trọng được lập chỉ mục bởi các công cụ tìm kiếm.
- Kiểm tra tình trạng lập chỉ mục bằng cách sử dụng Google Search Console.
-
Thanh Search
- Cung cấp thanh tìm kiếm trên trang để người dùng dễ dàng tìm thấy nội dung họ cần.
- Ví dụ:
html
<form action="/search" method="get">
<input type="text" name="q" placeholder="Tìm kiếm...">
<button type="submit">Tìm kiếm</button>
</form>
-
Mật độ từ khóa
- Duy trì mật độ từ khóa phù hợp trong nội dung (khoảng 1-2% tổng số từ).
- Tránh nhồi nhét từ khóa, làm mất tự nhiên của nội dung.
-
TOC (Table Of Content)
- Sử dụng mục lục (TOC) để cải thiện điều hướng nội dung dài và giúp người đọc dễ dàng tìm thấy thông tin họ cần.
- Ví dụ:
html
<nav>
<ul>
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
</ul>
</nav>
TỔNG KẾT
Việc tuân thủ các yếu tố trên sẽ giúp trang web của bạn thân thiện hơn với người dùng và công cụ tìm kiếm, từ đó tăng khả năng xếp hạng cao trên các trang kết quả tìm kiếm. SEO Onpage không chỉ cải thiện trải nghiệm người dùng mà còn tăng cường khả năng nhận diện và thu hút lưu lượng truy cập tự nhiên, góp phần quan trọng vào sự thành công của chiến lược SEO tổng thể.