Tối ưu hóa thẻ meta là cách tốt nhất để cung cấp thông tin trên trang web cho các công cụ tìm kiếm như Google, Bing, v.v. Không chỉ vậy, thẻ meta là một trong những thành phần quan trọng nhất phải được thực hiện trên một trang web hoặc blog như một bước tối ưu hóa SEO onpage cơ bản nhất.
Nếu được đơn giản hóa, thẻ meta là một tập hợp mã HTML được cài đặt trên một trang web hoặc blog được viết trong <head> phần nhằm giúp các công cụ tìm kiếm hoặc phương tiện truyền thông xã hội tìm ra bản tóm tắt tổng thể về nội dung của một trang web.
Thẻ Meta quan trọng như thế nào?
Để có được một vị trí trong kết quả tìm kiếm, một trang web hoặc blog phải bao gồm các thẻ meta vào cấu trúc mã của blog của nó, trừ khi blog được thiết lập cho độc giả cá nhân hoặc cụ thể. Có thể nói, dữ liệu sẽ xuất hiện trong kết quả tìm kiếm hầu hết được lấy từ các thẻ meta.
Một thẻ meta tốt được sắp xếp gọn gàng và đầy đủ sẽ giúp trang web của bạn được các công cụ tìm kiếm lập chỉ mục nhanh hơn và rất có thể có được vị trí cao trong kết quả tìm kiếm.
Điều gì nên có trong thẻ Meta?
Các thẻ meta tiêu chuẩn nhất là các thẻ meta cung cấp một số thông tin quan trọng như Tiêu đề trang web, Mô tả, Từ khóa và Hình ảnh thu nhỏ.
Nếu bốn dữ liệu trên đã tồn tại trong thẻ meta của bạn trước đó thì nó đủ để cạnh tranh trong kết quả tìm kiếm. Nhưng không chỉ trang của bạn áp dụng phương pháp trên, có hàng ngàn trang khác có cùng ngách cũng áp dụng điều tương tự thậm chí với chất lượng nội dung tốt hơn trang của bạn. Bạn có thể cạnh tranh với họ?
Cơ hội duy nhất của bạn là tối đa hóa các thẻ meta của mình bằng cách thêm một số mã khác cũng quan trọng không kém để cải thiện chất lượng trang web của bạn. Vì vậy, những thứ bạn cần thêm vào trang web của mình là gì? xem dưới đây:
Biểu đồ mở Meta
Nguồn lưu lượng truy cập/khách truy cập của một trang web không chỉ đến từ các công cụ tìm kiếm, hầu hết chúng còn đến từ các phương tiện truyền thông xã hội. vì vậy, điều quan trọng là phải cung cấp bản tóm tắt thông tin trang web của bạn cho các phương tiện truyền thông xã hội như Facebook , Twitter , v.v. Bí quyết là thêm thẻ meta biểu đồ mở trên trang web của bạn.
Site Authority
Chứa thông tin độc quyền từ một trang web, chẳng hạn như tên của người tạo trang web, liên kết thông tin chủ sở hữu trang web, mã xác minh quản trị trang web, v.v.
Meta Tag Robot
Thẻ meta này dùng để cung cấp thông tin phức tạp hơn cho công cụ tìm kiếm robot, những điều quan trọng thường được thêm vào trong thẻ meta này là thông tin về ngôn ngữ trang web của bạn, vị trí trang web của bạn và một số thông tin khác.
Nếu bạn đã áp dụng tất cả các thông tin trên cho thẻ meta của mình, bạn có thể chắc chắn rằng trang web của mình sẽ chiếm vị trí cao trong kết quả tìm kiếm. Ít nhất trang web của bạn được lập chỉ mục nhanh hơn bình thường.
Viết các thẻ Meta tốt trông như thế nào?
Nó không chỉ cung cấp thông tin đầy đủ, một thẻ meta tốt là một thẻ được chính chủ sở hữu trang web sắp xếp gọn gàng và dễ hiểu, bằng cách sắp xếp gọn gàng thẻ meta của trang web, bạn sẽ không gặp khó khăn khi chỉnh sửa hoặc thay đổi nó khi cần trong tương lai.
Dưới đây chúng tôi sẽ chia sẻ những thẻ meta mới nhất và tốt nhất theo ý kiến của chúng tôi mà trang web này đã sử dụng, các thẻ meta này được sắp xếp gọn gàng hơn để dễ dàng sửa đổi hơn và chúng tôi sẽ cung cấp hướng dẫn để bạn chỉnh sửa một số phần của thẻ meta này.
Dựa trên kinh nghiệm sử dụng thẻ meta này, vị trí của trang web này là victordblog.com không bị ảnh hưởng ngay cả sau khi thay đổi mẫu nhiều lần nhờ thẻ meta bên dưới. Chúng tôi không nói rằng thẻ meta này là hoàn hảo nhất, nhưng ít nhất nó cũng đáng để thử vì nếu chúng tôi thành công thì bạn cũng sẽ thành công.
Dán mã thẻ meta bên dưới vào trong thẻ <head> ... </head> của trang web hoặc blog của bạn hoặc thay thế các thẻ meta bạn đã sử dụng trước đây bằng các thẻ meta bên dưới:
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.isHomepage'>
<!--[ Homepage title ]-->
<title><data:blog.title.escaped/></title>
<b:elseif cond='data:view.search.query'/>
<!--[ Search title ]-->
<title><data:messages.search/>: <data:view.search.query/></title>
<b:elseif cond='data:view.search.label'/>
<!--[ Label title ]-->
<title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
<b:elseif cond='data:view.isArchive'/>
<!--[ Archive title ]-->
<title>Blog archive in: <data:blog.pageName.escaped/></title>
<b:else/>
<title>Blog: <data:blog.title.escaped/></title>
</b:if>
<b:elseif cond='data:view.isError'/>
<!--[ Error title ]-->
<title>Error 404: Not found</title>
<b:else/>
<!--[ SingleItem title ]-->
<title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
</b:if>
<!--[ meta for browser ]-->
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<b:if cond='!data:view.isError'>
<!--[ Browser data, description and keyword ]-->
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='description'/>
<b:elseif cond='data:view.isSingleItem'/>
<meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='description'/>
</b:if>
<meta expr:content='data:blog.title.escaped + ", " + data:blog.pageName.escaped + ", Add_your_addtional_keyword_here "' name='keywords'/>
<b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/>
<!--[ Generator and RRS ]-->
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default"' expr:title='data:blog.title + " » Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " » Feed"' rel='alternate' type='application/rss+xml'/>
<link expr:href='data:blog.homepageUrl.canonical path "feeds/greys/default?alt=rss"' expr:title='data:blog.title + " » greys Feed"' rel='alternate' type='application/rss+xml'/>
<!--[ Theme color ]-->
<meta content='#ffffff' name='theme-color'/>
<meta content='#ffffff' name='msapplication-navbutton-color'/>
<meta content='#ffffff' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<!--[ Favicon ]-->
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
<!--[ Open graph ]-->
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<b:if cond='data:view.isMultipleItems'>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/>
</b:if>
<b:else/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
<b:else/>
<meta content='Add_your_image_url_here' property='og:image'/>
</b:if>
<!--[ Twitter card ]-->
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:title'/>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>
<b:else/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='twitter:description'/>
</b:if>
<b:else/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='twitter:description'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:image:alt'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image:src'/>
<b:else/>
<meta content='Add_your_image_url_here' name='twitter:image:src'/>
</b:if>
<!--[ Site verification ]-->
<meta content='xxxxxxxxxxxxxxxxx' name='google-site-verification'/>
<meta content='xxxxxxxxxxxxxxxxx' name='msvalidate.01'/>
<meta content='xxxxxxxxxxxxxxxxx' name='p:domain_verify'/>
<meta content='xxxx-xxxxx-xxxxxxx' name='majestic-site-verification'/>
<meta expr:content='data:blog.title.escaped' name='copyright'/>
</b:if>
Mô tả và Hướng dẫn sử dụng
Trước khi sao chép và dán các thẻ meta trên vào trang web của bạn, CẦN CHỈNH SỬA một số phần được gắn thẻ với thông tin từ trang web của bạn hoặc trong các thẻ meta bạn đã sử dụng trước đây.
Tiêu đề blog / Tiêu đề blog
Nhóm thẻ đầu tiên này dùng để hiển thị tiêu đề của một trang hoặc trang cụ thể trên blog trong kết quả tìm kiếm. Ví dụ, nếu một bài viết mới được xuất bản, tiêu đề của bài viết sẽ được tự động viết bằng mã này, kết quả trên công cụ tìm kiếm có thể được nhìn thấy trong hình dưới đây.
Các quy tắc hoặc điều kiện có trong thẻ này bao gồm:
Lỗi 404 tiêu đề trang
Mặc định kết quả hiển thị là Error 404: Page Not Found , bạn có thể thay thế bằng tiêu đề khác tùy ý, ví dụ Sorry! Không tìm thấy trang , v.v.
Tiêu đề trên trang chủ
Hiển thị tiêu đề Trang chủ của trang web của bạn, bạn có thể thêm một câu khác vào kết quả tìm kiếm, ví dụ : Tên Blog: Trung tâm Thông tin Trò chơi Mới nhất hoặc tương tự bằng cách thay đổi dòng mã này thành:
<!--[ Homepage title ]-->
< title >< data:blog.title.escaped /> : Judul Tambahan </; title >
Tiêu đề trên các trang bài đăng và trang tĩnh
Hiển thị tiêu đề của trang bài viết và trang tĩnh, mặc định sẽ được hiển thị chỉ là tiêu đề bài viết trên blog của bạn, nhưng có một số blog cũng thêm tiêu đề blog của họ vào phần này để củng cố từ khóa blog của họ, ví dụ như dưới đây:
Danh Sách Điện Thoại Di Động RAM 12Gb Kèm Giá - Chia Sẻ Ngay
Chúng tôi đã thay đổi tiêu đề blog thành như trên trong bản cập nhật thẻ meta mới nhất. Bây giờ mã cho tiêu đề của bài đăng như sau:
<!--[ SingleItem title ]-->
< title >< data:blog.pageName.escaped /> - < data:blog.title.escaped /></ title >
Tiêu đề trên trang chỉ mục
Hiển thị tiêu đề trên trang chỉ mục của blogger (ngoài trang chủ, bài đăng và trang tĩnh) mà trên blogger được đánh dấu bằng /search trong url, có 4 điều kiện được viết để hiển thị các tiêu đề khác nhau trên trang chỉ mục blog của bạn bao gồm:
Tìm kiếm: truy vấn tìm kiếm - Hiển thị tiêu đề của trang tìm kiếm trên blog của bạn, tự động mọi từ khóa do người dùng viết sẽ xuất hiện trong tiêu đề này và bạn cũng có thể thay đổi từ Tìm kiếm: ở dòng này bằng các từ khác như Kết quả tìm kiếm : hoặc khác từ ngữ. Bạn có thể xem ví dụ triển khai mã này trên trang này.
Tên nhãn - Tiêu đề blog - Hiển thị tiêu đề của trang nhãn trên blog của bạn, nếu người dùng nhấp vào liên kết nhãn trên blog của bạn, phần này sẽ được hiển thị dưới dạng tiêu đề.
Lưu trữ Blog vào: Tháng 11 năm 2022 - Phần này là tùy chọn, nghĩa là bạn có thể áp dụng hoặc không. Nhưng nếu bạn bật tính năng lưu trữ hoặc thêm Tiện ích lưu trữ vào blog của mình thì tiêu đề này sẽ xuất hiện khi người dùng nhấp vào trang lưu trữ blog của bạn.
Blog: Tiêu đề Blog - Nếu không thỏa mãn tất cả các điều kiện trên thì tiêu đề này sẽ được hiển thị, thông thường tiêu đề này sẽ xuất hiện khi người dùng nhấp vào nút điều hướng của Bài viết dài hơn, Bài viết mới hơn hoặc đánh số điều hướng trên blog của bạn.
Hầu hết các blogger chọn chặn không cho trang này xuất hiện trong kết quả tìm kiếm, nhưng cài đặt này vẫn đáng để thử để nâng cao hơn nữa sự xuất hiện của tiêu đề trang blog của bạn.
Hình ảnh thu nhỏ
Thẻ meta này dùng để hiển thị một hình thu nhỏ/đoạn trích hình ảnh blog của bạn, trên trang đăng bài, đoạn hình ảnh hiển thị trong phần này là hình ảnh đầu tiên của bài viết của bạn.
Nếu bài viết bạn viết không có hình ảnh thì thứ hiển thị sẽ là link hình ảnh mà bạn chèn vào thẻ này. Thay đổi phần được đánh dấu trên dòng này bằng một liên kết đến biểu tượng blog của bạn. (chuẩn bị hình ảnh logo blog của bạn với kích thước tối thiểu 300px x 300px)
<meta content='Add_your_image_url_here' property='og:image'/>
// change with your blog link, for example the result is as below
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWC8galOoXdbgY5cQFvSuwjH24jRZIlB7vmqypxPZclAUuh0JyKEj1X6xh5yFfmW8MHzxQMt1sALG8ACdFYH_2dRqvuP7o-Qw5JCTkdE1iL3CPxlAezC9vbY8pwN0ZqQ-rBW45n-WA3AYy1VLKWThM_FZPsEIGuZPBizBtCUNuVar_gHC0NyuByfT/s320/logovd.jpg' property='og:image'/>
Mô tả Blog
Một cách tối ưu SEO onpage là thêm mô tả blog trên mỗi trang, mô tả này sẽ được hiển thị trong kết quả tìm kiếm ở cuối tiêu đề blog như hình bên dưới:
Do đó, càng nhiều càng tốt thêm mô tả tìm kiếm mỗi khi bạn đăng bài viết, trên blogger khi viết bài bạn có thể vào trường bên phải và nhấp vào Mô tả tìm kiếm, để giải thích thêm bạn có thể xem trong hình bên dưới:
Một trong những lợi thế của các thẻ meta được chia sẻ tại thời điểm này là nó cung cấp một mô tả thay thế khi bạn không viết mô tả trên blog. Khi không có mô tả trong bài đăng, tự động đoạn đầu tiên của bài đăng sẽ được hiển thị dưới dạng mô tả blog.
Biểu tượng trang web
Để hiển thị các biểu tượng trên nền tảng IOS và Android, phần này sẽ tự động được lấp đầy bằng biểu tượng yêu thích mà bạn đã tải lên Blogger. Nhưng bạn cũng có thể thay đổi nó bằng hình ảnh HD hơn, phương pháp như sau:
<!--[ Favicon ]-->
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
// Example of application
<!--[ Favicon ]-->
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWC8galOoXdbgY5cQFvSuwjH24jRZIlB7vmqypxPZclAUuh0JyKEj1X6xh5yFfmW8MHzxQMt1sALG8ACdFYH_2dRqvuP7o-Qw5JCTkdE1iL3CPxlAezC9vbY8pwN0ZqQ-rBW45n-WA3AYy1VLKWThM_FZPsEIGuZPBizBtCUNuVar_gHC0NyuByfT/s320/logovd.jpg' rel='apple-touch-icon' sizes='120x120'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWC8galOoXdbgY5cQFvSuwjH24jRZIlB7vmqypxPZclAUuh0JyKEj1X6xh5yFfmW8MHzxQMt1sALG8ACdFYH_2dRqvuP7o-Qw5JCTkdE1iL3CPxlAezC9vbY8pwN0ZqQ-rBW45n-WA3AYy1VLKWThM_FZPsEIGuZPBizBtCUNuVar_gHC0NyuByfT/s320/logovd.jpg' rel='apple-touch-icon' sizes='152x152'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWC8galOoXdbgY5cQFvSuwjH24jRZIlB7vmqypxPZclAUuh0JyKEj1X6xh5yFfmW8MHzxQMt1sALG8ACdFYH_2dRqvuP7o-Qw5JCTkdE1iL3CPxlAezC9vbY8pwN0ZqQ-rBW45n-WA3AYy1VLKWThM_FZPsEIGuZPBizBtCUNuVar_gHC0NyuByfT/s320/logovd.jpg' rel='icon' type='image/x-icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWC8galOoXdbgY5cQFvSuwjH24jRZIlB7vmqypxPZclAUuh0JyKEj1X6xh5yFfmW8MHzxQMt1sALG8ACdFYH_2dRqvuP7o-Qw5JCTkdE1iL3CPxlAezC9vbY8pwN0ZqQ-rBW45n-WA3AYy1VLKWThM_FZPsEIGuZPBizBtCUNuVar_gHC0NyuByfT/s320/logovd.jpg' rel='shortcut icon' type='image/x-icon'/>
Màu chủ đề
Thay đổi mã màu được đánh dấu trong dòng mã này bằng màu chủ đạo của blog của bạn, phần này dùng để thay đổi màu của thanh địa chỉ trên trình duyệt Google Chrome trên Android hoặc trình duyệt Safari trên IOS
Xác minh trang web
Phần cuối cùng này dùng để xác minh quyền sở hữu của trang hoặc blog trên một số trang nhất định. Trong đoạn mã này có 4 mã xác minh bao gồm xác minh cho Google Webmaster/Search Console, Bing Webmaster, Pinterest Site Verification và Majestic SEO Tools Verification. Bạn có thể tìm kiểm cách xác minh trên Google Search
Lời kết
Hãy cập nhật thẻ meta tags 2022 ngay bây giờ để tối ưu SEO, tăng lượng traffic cho trang web của bạn nhé.
Nếu có bất cứ thắc mắc nào vui lòng để lại bình luận phía dưới mình sẽ cố gắng giải đáp.
Chúc bạn thành công!
