Home » » Meta Tags Seo thân thiện và hợp lệ HTML5

Meta Tags Seo thân thiện và hợp lệ HTML5

Có lẽ trong số các blogger có không quen thuộc với thẻ meta này, cũng ở đây tôi sẽ giải thích một chút về các thẻ meta trong template blogger.

Thẻ Meta là một trong những tối ưu hóa trên một blog để blog bài viết và các bài viết mà chúng ta có một bản sắc rõ ràng.

Meta Tags Seo thân thiện và hợp lệ HTML5

Vì vậy, các blog sẽ được dễ dàng hơn truy tìm trong các robot tìm kiếm của trình duyệt như Google, Bing, hoặc các công cụ tìm kiếm khác, và sẽ được dễ dàng hơn được sắp xếp trong SERP


Các chức năng của thẻ meta về cơ bản bao gồm một số yếu tố quan trọng bao gồm:  
Thẻ Meta mô tả:  được sử dụng để cung cấp cho một cái nhìn tổng quát về nội dung của các trang blog của bạn. Số ký tự không quá 200 ký tự. Và nếu mô tả thì có thể là:
<meta content='mo ta ngan'  name='description'/>
Thẻ Meta từ khóa :  là thẻ rất quan trọng bởi vì việc xác định những từ khóa để tìm các trang blog trên các công cụ tìm kiếm.
<meta content="tu khoa 1, tu khoa  2, tu khoa 3,... name="keywords"/>
Thẻ Metag Robot : Mục tiêu chính là sử dụng meta robot thẻ để xác định blog của trang được lập chỉ mục các trang tìm kiếm và blog mà sẽ không được theo sau.  Thẻ này là rất hữu ích đặc biệt là nếu một blog sử dụng khung để điều hướng.
<meta content="index follow" name="robots"/>
Thành phần thứ ba của thẻ meta này nếu kết hợp sau đó hình như dưới đây:
<meta content='mo ta ngan' name='description'/>
<meta content='tu khoa 1, tu khoa 2, tu khoa 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>
Dựa vào cơ bản các bạn gộp chúng lại để tạo ra một bộ thẻ chuẩn SEO nhé!

Meta Tags Seo thân thiện và hợp lệ HTML5

Ở đây mình sẽ chia sẻ những ví dụ về các thẻ meta Seo thân và mẫu HTML5 hợp lệ mà minh sử dụng trên các phiên bản mới nhất cũng như câu trả lời cho các blogger về làm thế nào để loại bỏ các tiêu đề blog khi chia sẻ bài viết đến các phương tiện truyền thông xã hội. 

Đoạn code dưới đây có thể bạn thân cặp bên dưới thẻ mở  <head> hoặc trước </head>
<!-- [ Meta Tag SEO ] -->
<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'/>
<meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<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='url img' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
Ghi chú:


Chúc các bạn đọc được những điều cần biết về onpage khi tạo blogs nhé!

0 nhận xét:

Post a Comment