Seo onpage đơn giản gọn nhẹ và chuẩn seo cho blogspot

Seo onpage đơn giản gọn nhẹ và chuẩn seo cho blogspot
Khi bạn tạo một blog trên nền tảng blogger thì đương nhiên nó là blogspot,dù mục đích tạo blog là để làm trang tin tức,trang chia sẻ các loại thủ thuật hay blog cá nhân thì ai cũng muốn có một blog chuẩn seo.Vậy thế nào là một blog chuẩn seo hay nói cách khác là blog đó sử dụng template(mẫu) chuẩn seo thì có rất nhiều vấn đề cần bàn tới trong đó vấn đề seo onpage là việc chính mà bạn cần quan tâm.

Blogspot chuẩn seo cứ tạm hiểu là blog đó sử dụng template đã được tối ưu hóa để blogspot đó thân thiện với các công cụ tìm kiếm của Google.
Seo onpage bao gồm những công việc gì.
– Tối ưu các thẻ h1, h2, h3 xem tại đây
– Xây dựng sitemap cho website xem tại đây
– Tối ưu External link ( link trỏ ra ngoài ) xem tại đây
– Tốc độ load website phải nhanh xem tại đây
– Tối ưu các thẻ ALT trong hình ảnh
Khi bạn tải một ảnh lên blogspot bên soạn thảo HTML link ảnh có dạng
<a href="https://3.bp.blogspot.com/-eXR1314n-GY/WJs7faBt0kI/AAAAAAAACDI/HK437gbzbYYZ2CfB2Oth8fCDDkqW7PdhgCLcB/s1600/toi-uu-seo-onpage-don-gian-gon-nhe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://3.bp.blogspot.com/-eXR1314n-GY/WJs7faBt0kI/AAAAAAAACDI/HK437gbzbYYZ2CfB2Oth8fCDDkqW7PdhgCLcB/s400/toi-uu-seo-onpage-don-gian-gon-nhe.jpg" width="400" /></a>
Bạn thay:border="0" thành alt="Tiêu đề bài viết" dưới dạng
<a href="https://3.bp.blogspot.com/-eXR1314n-GY/WJs7faBt0kI/AAAAAAAACDI/HK437gbzbYYZ2CfB2Oth8fCDDkqW7PdhgCLcB/s1600/toi-uu-seo-onpage-don-gian-gon-nhe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tiêu đề bài viết" height="125" src="https://3.bp.blogspot.com/-eXR1314n-GY/WJs7faBt0kI/AAAAAAAACDI/HK437gbzbYYZ2CfB2Oth8fCDDkqW7PdhgCLcB/s400/toi-uu-seo-onpage-don-gian-gon-nhe.jpg" width="400" /></a>
Và nếu cần thì thêm thẻ title.
Đây là cách thủ công,bạn cũng có thể sử dụng javascript thay cho cách làm này.
- Tạo trang báo lỗi 404 thân thiện xem tại đây
- Lưu ý khi dùng tiêu đề blogspot là chữ hoặc hình ảnh thay cho tiêu đề blogspot xem tại đây
Còn lại là các việc sau:
– Tối ưu thẻ title
– Tối ưu thẻ meta keywords
– Tối ưu thẻ meta description
- Tối ưu thẻ Hreflang
- Tối ưu các vấn đề khi chia sẻ lên các mạng xã hội
Những vấn đề này chính là công việc cần làm từ thẻ <html> tới trước thẻ <b:skin><![CDATA[

Vì như đã nói là đơn giản gọn nhẹ nhưng chuẩn seo nên phần này mình cũng chỉ sử dụng những thẻ cơ bản nhất còn các bạn có thể thêm vào một số thẻ mình sẽ nói sau.

Và cũng xin lưu ý ở code này không sử dụng thẻ chứa từ khóa tự thêm vào ở trang chủ mà từ khóa tìm kiếm ở trang chủ là tiêu đề blog còn tại trang bài viết là tiêu đề bài viết vì vậy khi đặt tiêu đề cho một bài viết bạn nên suy xét về vấn đề từ khóa cần chèn cũng như lựa chọn khi đặt tên miền cho chủ đề mà blog cần viết.

Tại phần này chia ra 2 trường hợp:
- Blogspot có dùng thẻ <b:include data='blog' name='all-head-content'/> để tự động khai báo.
- Blogspot không dùng thẻ trên mà khai báo theo cách thủ công.
Dù bạn có dùng cách nào trong 2 trường hợp trên thì việc đầu tiên bạn phải làm là viết mô tả cho blogspot(Tạo thẻ meta description)
Làm như sau:
Bạn vào Thiết kế ⇒ Cài đặt ⇒ Tùy chọn tìm kiếm và bật thẻ meta rồi điền mô tả blog vào như hình
Seo onpage đơn giản gọn nhẹ và chuẩn seo cho blogspot
Trường hợp 1
- Blogspot có dùng thẻ <b:include data='blog' name='all-head-content'/> để tự động khai báo.
Bạn thay từ thẻ <html> tới trước thẻ <b:skin><![CDATA[ bằng code
<html lang='vi'>
  <head>
    <b:if cond='data:blog.pageTitle==data:blog.title'>
      <title>
        <data:blog.title/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageName/>
        | 
        <data:blog.title/>
      </title>
    </b:if>
    <meta content='width=device-width' name='viewport'/>
    <meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' name='keywords'/>
    <meta content='index, follow' name='robots'/>
    <link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/>
    <b:include data='blog' name='all-head-content'/>
    <!-- Customize meta tags here -->
    <meta content='general' name='rating'/>
    <meta content='id' name='geo.country'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='id' name='language'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='all' name='robots'/>
    <!-- Social Media meta tag -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <meta expr:content='data:blog.title' property='og:title'/>
        <meta content='Link ảnh trang chủ khi chia sẻ lên MXH' property='og:image'/>
      </b:if>
      <b:else/>
      <b:if cond='data:blog.pageTitle != data:blog.title'>
        <meta content='article' property='og:type'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
        <meta expr:content='data:blog.pageName' property='og:title'/>
      </b:if>
    </b:if>
Trường hợp 2
- Blogspot không dùng thẻ trên mà khai báo theo cách thủ công.
Bạn thay từ thẻ <html> tới trước thẻ <b:skin><![CDATA[ bằng code
<html lang='vi'>
  <head>
    <b:if cond='data:blog.pageTitle==data:blog.title'>
      <title>
        <data:blog.title/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageName/>
        | 
        <data:blog.title/>
      </title>
    </b:if>
    <meta content='width=device-width' name='viewport'/>
    <meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' name='keywords'/>
    <meta content='index, follow' name='robots'/>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    </b:if>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='blogger' name='generator'/>
    <link expr:href='data:blog.canonicalUrl' rel='canonical'/>
    <link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/>
    <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
    <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;https://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'/>
    <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
    <link expr:href='data:blog.url' expr:title='data:blog.pageName' rel='openid.delegate'/>
    <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>
    <!-- Customize meta tags here -->
    <meta content='general' name='rating'/>
    <meta content='id' name='geo.country'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='id' name='language'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='all' name='robots'/>
    <!-- Social Media meta tag -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <meta expr:content='data:blog.title' property='og:title'/>
        <meta content='Link ảnh trang chủ khi chia sẻ lên MXH' property='og:image'/>
      </b:if>
      <b:else/>
      <b:if cond='data:blog.pageTitle != data:blog.title'>
        <meta content='article' property='og:type'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
        <meta expr:content='data:blog.pageName' property='og:title'/>
      </b:if>
    </b:if>
Tại phần <!-- Customize meta tags here --> là nơi bạn:
- Đặt thẻ meta xác minh blogspot trong quản trị trang web
- Đặt link trang G+,Twitter... theo dạng
<link href='Link trang G+' rel='publisher'/>
Và một số thẻ meta mà bạn thấy cần cho công việc cụ thể.
Link ảnh trang chủ khi chia sẻ lên MXH nên có kích thước tối thiểu 550x350
Và phần việc cuối cùng là khi viết bài thêm thẻ meta mô tả tìm kiếm cho từng bài viết.
Seo onpage đơn giản gọn nhẹ và chuẩn seo cho blogspot
Lưu ý phần mô tả này chỉ nên khoảng từ 200 đến 300 ký tự vì rất hay bị google bắt lỗi dài hoặc ngắn.
Nhận xét

1 nhận xét :