Bạn đã bao giờ nghe đến thuật ngữ Meta Tag chưa? Đối với một số blogger, đặc
biệt là những người đã chuyên nghiệp, thẻ meta là thứ cần được chú ý vì nó là
một yếu tố ảnh hưởng đến vấn đề SEO
Bạn cần biết, thẻ meta là một tập hợp mã HTML được sử dụng để cung cấp thông
tin dưới dạng siêu dữ liệu được sử dụng để giúp robot của Google tìm kiếm dữ
liệu và phân tích các trang web. Thẻ meta là một phần của tối ưu hóa blog để
cung cấp danh tính trên trang blog cùng với các bài viết sẽ được hiển thị trên
các trang tìm kiếm của công cụ tìm kiếm như Google, Bing và các công cụ tìm
kiếm khác.
Chà, cuộc thảo luận lần này là về việc thêm Thẻ Meta Thân thiện với SEO,
nhưng trước đó, hãy thảo luận về các chức năng cơ bản và các yếu tố quan trọng
của chúng.
Thẻ tiêu đề meta (Meta Title Tag)
Tiêu đề thẻ meta là một loại thẻ meta được sử dụng để cung cấp thông tin về
tiêu đề trang cho rô bốt của Google. Sau đó, trang đã được đặt tiêu đề trong
tiêu đề thẻ meta sẽ được hiển thị trên SERP.
Meta Title Tag Code
<title> Enter Your Blog Title </title>
Thẻ mô tả meta (Meta Description Tag)
Thẻ mô tả meta là Thẻ meta được sử dụng để cung cấp mô tả ngắn gọn về các
trang của trang web. Bởi vì mô tả sẽ được hiển thị trong SERP là ngắn, do đó,
bạn nên tạo một mô tả ngắn với tổng số 130 từ và tối đa là 230 từ.
Meta Title Tag Code
<meta name = “description” content = “Enter a short description of your
blog” />
Thẻ từ khóa meta (Meta Keyword Tag)
Thẻ meta từ khóa này không còn được sử dụng. Tuy nhiên, theo hiểu biết của
bạn, Thẻ Từ khóa Meta này được sử dụng để cung cấp từ khóa trên các trang web.
Trước đây, thẻ meta này rất hữu ích để hiển thị các trang web của chúng tôi
trong các công cụ tìm kiếm với các từ khóa nhất định mà chúng tôi đã nhắm mục
tiêu. Việc sử dụng thẻ từ khóa meta hiện nay được coi là nhồi nhét từ khóa và
nguy hiểm cho chất lượng SEO.
Meta Keyword Tag Code
<meta content=”keyword_1, keyword_2, keyword_3, name =” keywords’ />
HTML5 SEO Friendly Meta Tags for Blogger
Dưới đây là mã thẻ Meta có ưu điểm là Thân thiện với SEO. Thẻ Meta này cũng
đã được sử dụng rộng rãi và áp dụng cho các mẫu blogger mới. Vui lòng thêm mã
bên dưới và đặt sau mã <head> hoặc trước mã
</head>
<b:if cond='data:view.isError'><title>Error 404: Page Not Found</title></b:if>
<b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:view.search.query'><title><data:messages.search/>: <data:view.search.query/></title></b:if>
<b:if cond='data:view.search.label'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title>Recent post: <data:blog.title/></title>
</b:if>
<b:if cond='data:view.isArchive'><title>Blog archive in: <data:blog.pageName/></title></b:if>
</b:if>
</b:if>
<!-- Meta Title -->
<b:if cond='data:view.isMultipleItems'>
<meta expr:content="data:blog.pageTitle" property='og:title'/>
<meta expr:content="data:blog.pageTitle" property='og:image:alt'/>
<meta expr:content="data:blog.pageTitle" name="twitter:title"/>
<meta expr:content="data:blog.pageTitle" name="twitter:image:alt"/>
<b:else/>
<meta expr:content="data:blog.pageName" property='og:title'/>
<meta expr:content="data:blog.pageName" property='og:image:alt'/>
<meta expr:content="data:blog.pageName" name="twitter:title"/>
<meta expr:content="data:blog.pageName" name="twitter:image:alt"/>
</b:if>
<meta expr:content="data:blog.title" property='og:site_name'/>
<!-- Meta Image -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content="data:blog.postImageUrl" property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content="data:blog.postThumbnailUrl" property='og:image'/>
<b:else/>
<meta content="https://1.bp.blogspot.com/-2rM45Y617OM/X1w7wEOp0II/AAAAAAAAC5g/wiRunRbKCZ0D0IG_t60b7Tpzd2NCRWC3wCLcBGAsYHQ/s320/nguyenlamblog.jpg" property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content="https://1.bp.blogspot.com/-2rM45Y617OM/X1w7wEOp0II/AAAAAAAAC5g/wiRunRbKCZ0D0IG_t60b7Tpzd2NCRWC3wCLcBGAsYHQ/s320/nguyenlamblog.jpg" name="twitter:image"/>
<b:else/>
<meta expr:content="data:blog.postImageUrl" name="twitter:image"/>
</b:if>
<b:if cond='data:view.isPost'>
<link expr:href="https://www.nguyenlamblog.xyz/2020/09/resizeImage(data:blog.postImageUrl, 700, "18:9")" rel="image_src"/>
</b:if>
<!-- Meta Description -->
<meta expr:content="data:blog.metaDescription" name="description"/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content="data:blog.metaDescription" property='og:description'/>
<b:else/>
<meta expr:content="data:post.snippet" property='og:description'/>
</b:if>
<meta expr:content="data:blog.metaDescription" name="twitter:description"/>
<!-- Meta Keywords -->
<meta expr:content="data:blog.title + ", " + data:blog.pageName" name="keywords"/>
<meta expr:content="data:blog.title" property='article:tag'/>
<!-- Link Canonical -->
<link expr:href="data:blog.url" rel="canonical"/>
<link expr:href="data:blog.url" hreflang='x-default' rel="alternate"/>
<meta expr:content="data:blog.canonicalUrl" property='og:url'/>
<!-- Site Owner -->
<meta content="Nguyễn Lâm Blog" name="Author"/>
<link href="https://www.facebook.com/nguyenlamblog.xyz" rel="me"/>
<link href="https://www.facebook.com/nguyenlamblog.xyz" rel="author"/>
<link href="https://www.facebook.com/nguyenlamblog.xyz" rel="publisher"/>
<meta content="100041038397932" property='fb:admins'/>
<meta content="108638500917014" property='fb:pages'/>
<meta content="3355070194559746" property='fb:app_id'/>
<meta content="https://www.facebook.com/100041038397932" property='article:author'/>
<meta content="https://www.facebook.com/100041038397932" property='article:publisher'/>
<meta content="@nguyenlamblog" name="twitter:site"/>
<meta content="@nguyenlamblog" name="twitter:creator"/>
<!-- Link Icon -->
<link expr:href="data:blog.homepageUrl + "/favicon.ico"" rel="icon" type="image/x-icon"/>
<link href="https://1.bp.blogspot.com/-BSZfaIBwRgQ/X00DngtHlEI/AAAAAAAACyU/CoW9XJJNyl05k-74VUq3BWsxefIYqK93QCLcBGAsYHQ/s1600/ms-icon-310x310.png" rel="apple-touch-icon"/>
<link href="https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s57/median-logo.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-BuYSYQltDLk/X00BAORNaLI/AAAAAAAACw4/vAPTbRugiWM_CVN0PSHqlTu3f3sk3p5eQCLcBGAsYHQ/s1600/android-icon-72x72.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-wBgT5Okdfbo/X00BChQwIVI/AAAAAAAACw8/a6AhnwPOcf4_JfGX1enG4fRs1iofKeV0gCLcBGAsYHQ/s1600/apple-icon-76x76.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-bTUQ4V2BrB4/X00BEx27mdI/AAAAAAAACxA/SbzPoZVXY-EOj055zV-EQyAgm2YStrEMACLcBGAsYHQ/s1600/apple-icon-114x114.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-wtVedMc3X1Q/X00BKCFH_MI/AAAAAAAACxI/cZpG7MYfRfcFFTQ6k7ZAmF39qD2sDp1uACLcBGAsYHQ/s1600/apple-icon-120x120.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-Ym0e1sYBMrc/X00BMalYWaI/AAAAAAAACxM/Fr_kj0jnQHQMwnLQhSSAElRAroI6uGn5ACLcBGAsYHQ/s1600/android-icon-144x144.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-qK3h1DtLFwk/X00BOyZIWfI/AAAAAAAACxQ/IJMjsYKDyCAynUF5lC8z8jI59Fgo-xHzQCLcBGAsYHQ/s1600/apple-icon-152x152.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-zxK8lqmjn2E/X00BdpbJZMI/AAAAAAAACxg/Yjqx7nJdiToLkFfYj29fhTus0oiOJYwAgCLcBGAsYHQ/s1600/apple-icon-180x180.png" rel="apple-touch-icon" />
<link href="https://1.bp.blogspot.com/-8jJ4_XeNvsM/X00BqjR6gCI/AAAAAAAACxo/qTBJTAjcN_osd_yhqCfIVqlm7HxyJVwWACLcBGAsYHQ/s1600/android-icon-192x192.png" rel="icon" type="image/png"/>
<link href="https://1.bp.blogspot.com/-zT86FtPf7oc/X00BvSYqm4I/AAAAAAAACxw/eaKk1AsQeH8aQHBKjTpeKQC1Cv8IRMrhQCLcBGAsYHQ/s1600/favicon-96x96.png" rel="icon" type="image/png"/>
<link href="https://1.bp.blogspot.com/-nWZ9NDwCNEg/X00BxeEBmFI/AAAAAAAACx0/6qx1KuNBVOc_ghmSOsrvvr_4Q90Y0TAKgCLcBGAsYHQ/s1600/favicon-32x32.png" rel="icon" type="image/png"/>
<link href="https://1.bp.blogspot.com/-BSZfaIBwRgQ/X00DngtHlEI/AAAAAAAACyU/CoW9XJJNyl05k-74VUq3BWsxefIYqK93QCLcBGAsYHQ/s1600/ms-icon-310x310.png" rel="msapplication-TitleImage"/>
<!-- Theme Color -->
<meta content="#005af0" name="theme-color"/>
<meta content="#005af0" name="msapplication-navbutton-color"/>
<meta content="#005af0" name="apple-mobile-web-app-status-bar-style"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<!-- Blogger Rss -->
<meta content="blogger" name="generator"/>
<link href="https://www.blogger.com/openid-server.g" rel="openid.server"/>
<link expr:href="data:blog.url" rel="openid.delegate"/>
<link expr:href="data:blog.homepageUrl + "feeds/posts/default"" expr:title="data:blog.title + " - Atom"" rel="alternate" type="application/atom+xml"/>
<link expr:href=""//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"" expr:title="data:blog.title + " - Atom"" rel="alternate" type="application/atom+xml"/>
<link expr:href="data:blog.homepageUrl + "feeds/posts/default?alt=rss"" expr:title="data:blog.title + " - RSS"" rel="alternate" type="application/rss+xml"/>
<!-- Open Graph -->
<meta content="article" property='og:type'/>
<meta content="vi_VN" property='og:locale'/>
<meta content="vi_VN" property='og:locale:alternate'/>
<meta content="vi_VN" property='og:locale:alternate'/>
<meta content="summary_large_image" name="twitter:card"/>
<!-- Robots Search -->
<meta content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0" name="viewport"/>
<meta content="text/html; charset=UTF-8" http-equiv='Content-Type'/>
<meta content="IE=Edge" http-equiv='X-UA-Compatible'/>
<meta content="Hà Tĩnh, Việt Nam" name="geo.placename"/>
<meta content="vi" name="geo.country"/>
<meta content="VN-23" name="geo.region"/>
<meta content="all-language" name="language"/>
<meta content="global" name="target"/>
<meta content="global" name="distribution"/>
<meta content="general" name="rating"/>
<meta content="1 days" name="revisit-after"/>
<meta content="true" name="MSSmartTagsPreventParsing"/>
<meta content="index, follow" name="googlebot"/>
<meta content="follow, all" name="Googlebot-Image"/>
<meta content="follow, all" name="msnbot"/>
<meta content="follow, all" name="Slurp"/>
<meta content="follow, all" name="ZyBorg"/>
<meta content="follow, all" name="Scooter"/>
<meta content="all" name="spiders"/>
<meta content="all" name="WEBCRAWLERS"/>
<meta content="aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot" name="search engines"/>
<!-- Cache-control config -->
<include expiration='7d' path="*.css"/>
<include expiration='7d' path="*.js"/>
<include expiration='3d' path="*.gif"/>
<include expiration='3d' path="*.jpeg"/>
<include expiration='3d' path="*.jpg"/>
<include expiration='3d' path="*.png"/>
<include expiration='3d' path="*.webp"/>
<include expiration='3d' path="*.ico"/>
<meta content="sat, 02 jun 2020 00:00:00 GMT" http-equiv='expires'/>
<meta content="public" http-equiv='Cache-control'/>
<!-- font awesome -->
<script async="async" crossorigin='anonymous' src="https://kit.fontawesome.com/60dba57664.js"/>
<!-- Sife Verification -->
<meta content="bv7rmJgDnbs2cItjSQ5aWRtEbxkJn3IH3VUtCDdksaE" name="google-site-verification"/>
<meta content="2f4212850670f250ed69c1c3780384ac" name="p:domain_verify"/>
<meta content="amNtbkxGc3V2eFdSL1Q1bXNjU1VhaHZ5T0ZSZ1BITE12d2tUT3htZXJOMD01" name="dmca-site-verification"/>
<meta content="" name="msvalidate.01"/>
<meta content="" name="p:domain_verify"/>
<meta content="" name="majestic-site-verification"/>
<meta content="Nguyễn Lâm Blog" name="copyright"/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl.canonical/>",
"name": "<data:blog.title/>",
"alternateName": "<data:blog.title/>",
"potentialAction": {
"@type": "SearchAction",
"target": "<data:blog.homepageUrl.canonical/>search?q={search_term_string}&max-results=8",
"query-input": "required name=search_term_string"
}
}
</script>
Dùng Tool Làm Đẹp Code Để Dùng Nhé:
Dùng
Trong bước tiếp theo, vui lòng điều chỉnh lại mã thẻ meta theo nhu cầu của
trang blog của bạn.
———————————–
wpac_init = window.wpac_init || [];
wpac_init.push({widget: ‘Rating’, id: 29924});
(function() {
if (‘WIDGETPACK_LOADED’ in window) return;
WIDGETPACK_LOADED = true; //true ubah ke False
var mc = document.createElement(‘script’);
mc.type=”text/javascript”;
mc.async = true;
mc.src=”https://embed.widgetpack.com/widget.js”;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(mc, s.nextSibling);
})();