Showing posts with label thiet-ke-website. Show all posts
Showing posts with label thiet-ke-website. Show all posts

Thursday, December 17, 2015

Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO

blogger , blogspot
Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO
Sau khi bạn xuất bản bài viết ở Blogspot thì tiêu đề nó thường có dạng: Tiêu đề Blog: Tiêu đề bài viết

 Với Tiêu đề (title) như vậy nhìn ko được bắt mắt, và ko thuận tiện cho việc SEO (search engine optimization) bài viết blogspot của bạn lên Top Google. Cá biệt, với những Blogspot có Tiêu đề Blog dài thì gần như Tiêu đề bài viết sẽ ko có cơ hội hiển thị

Vậy nên bạn cần đưa tiêu đề bài viết lên trước theo dạng: Tiêu đề bài viết | Tiêu đề Blog



Các lỗi tiêu đề (title)bài viết Blogspot thường gặp


Khi chia sẽ bài viết lên Facebook hoặc các Group trên Facebook thì sẽ gặp lỗi Tiêu đề Blog: Tiêu đề bài viết trông ko được đẹp mắt


Nếu Tiêu đề Blog dài thì Tiêu đề bài viết sẽ ko có cơ hội để hiễn thị


Trên Google cũng vậy... 

Nếu khách hàng/người đọc lên Google search, và bài viết của mình hiễn thị trước mắt khách hàng, nhưng tiêu đề bài viết lại bị Tiêu đề Blog che mất thì sẽ giảm cơ hội được khách hàng chú ý và click vào

Vậy nên bạn cần chỉnh sửa lại cách hiễn thị tiêu đề bài viết của Blogspot, đưa tiêu đề bài viết lên trước theo dạng: Tiêu đề bài viết | Tiêu đề Blog

Hướng dẫn chỉnh sửa tiêu đề (title) bài viết Blogspot chuẩn SEO

Để chỉnh sửa lại tiêu đề bài viết Blogspot chuẩn SEO (Search Engine Optimization) ta làm như sau:

Bạn vào trang quản trị blog ---> Mẫu ---> Chỉnh sửa HTML

Bấm Ctrl F để tìm <title><data:blog.pageTitle/></title>


 Copy đoạn code bên dưới và paste (dán) đè lên đoạn tô màu vàng vừa tìm được:

<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>

Xong bấm Lưu mẫu để hoàn thành!

Sau đó, nhớ khai báo lại Blogspot của bạn với Google nhé ^^ (Copy đường link blog và Submit nó như đã hướng dẫn ở Bài 1).

Kết quả chỉnh sửa Tiêu đề bài viết blogspot chuẩn SEO

Sau khi đã chỉnh sửa thì Tiêu đề bài viết đã hiễn thị lên phía trước, ko còn bị che bởi Tiêu đề Blog nữa


Tiêu đề bài viết của blog đã ở dạng Tiêu đề bài viết | Tiêu đề Blog


Chúc các bạn thành công!

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

 <<< Bài trước
Bài 4: Hướng dẫn thay đổi nội dung chân trang Blogspot
Bài 5: Hướng dẫn cách thêm Fanpage vào Blogspot
Bài sau >>>

Read more »
By às
Marcadores: , , , , , , , ,

Monday, December 7, 2015

Hướng dẫn thêm bình luận Facebook vào bài viết của Blogspot

blogger , blogspot
Hướng dẫn thêm bình luận Facebook vào bài viết của Blogspot
Thêm bình luận/comment Facebook vào Blogspot là cách nhanh nhất để kết nối trang Blogger của bạn với cộng đồng mạng xã hội thịnh hành nhất hiện nay. Nó sẽ tạo hiệu ứng lan truyền nội dung bài viết của trang Blogspot/Blogger của bạn rất nhanh đến những người khác trên Facebook.  Chính vì vậy hôm nay Sơn Nguyễn sẽ hướng dẫn thêm bình luận (comment) Facebook vào bài viết cho Blogspot của bạn.

P/s: để thực hiện điều này bạn cần phải sở hữu cho mình 1 trang Blogger/blogspot. Nếu chưa có thì hãy xem bài viết Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Video hướng dẫn thêm bình luận Facebook vào bài viết Blogspot


  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/T4AIeD3yGjA

Cách chèn comment Facebook vào bài viết của Blogger


Đầu tiên, bạn vào trang chủ của Blogger blogger.com/home chọn trang Blogspot mà bạn muốn thêm bình luận Facebook vào bài viết.

Truy cập vào trang quản trị blog đó ---> Mẫu ---> Chỉnh sửa HTML
Bấm vào hình để xem hình lớn

Đặt con trỏ soạn thảo trong phần code, bấm Ctrl F để tìm </head>

Copy đoạn code dưới đây và Paste (dán) vào phía trên thẻ </head>
(Link download ở bên dưới bài viết)
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="30" data-width="666"></div>';
//]]>
</script>

Bấm vào hình để xem hình lớn

Các thông số
  • data-num-posts="30": Số bình luận (comment) Facebook hiển thị ở bài viết của Blogspot.
  • data-width="666px": chiều rộng của khung bình luận.

Tiếp theo, ban bấm Ctrl F để tìm thẻ </body>

Copy đoạn code dưới đây và Paste (dán) vào phía trên thẻ  </body>

<div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Bấm vào hình để xem hình lớn


Đặt khung comment (bình luận) Facebook trong bài viết Blogspot/Blogger. 


Thông thường, các comment (bình luận) Facebook sẽ nằm ở cuối mỗi bài viết. 

Bạn làm như sau:

Bấm Ctrl F để tìm <b:include data='post' name='post'/>

Copy đoạn code dưới đây và Paste (dán) vào phía dưới dòng  <b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

Bấm vào hình để xem hình lớn

Bấm Lưu mẫu để hoàn tất

Bấm Xem blog ---> vào bài viết bất kỳ của bạn để xem thành quả ^^

Chú ý: Một số mẫu giao diện template Blogspot/Blogger sẽ có nhiều dòng <b:include data='post' name='post'/>, bạn chọn dòng đầu tiên tìm được để thực hiện. Sau đó lưu lại xem kết quả. Nếu thấy không được thì ta chọn dòng khác, đến khi nào được thì thôi ^.^

Nếu ban có thắc mắc gì thì hãy comment phía dưới,hoặc để lai thông tin trong phần Liên hệ nhé.

Chúc bạn thành công!

Nếu bạn thấy nội dung này hữu ích thì bấm G+ phía dưới nhé!

Link download các đoạn code: https://drive.google.com/open?id=1dUv2kLhVhzFJn13IBAlt0jDcaw78_MEi

Have nice day!
*Các đoạn code được sưu tầm trên mạng

<<< Bài trước 
Read more »
By às
Marcadores: , , , , , , ,