Vì sao blogspot không nhận thumbnail khi share link

Cách khắc phục lỗi thumbnail khi chia sẻ link lên facebookThumbnail là hình đại diện của một bài viết hay một trang web nó mang tính chất hiển thị nhằm mô tả cho bài viết hay một website/blogspot này. Nhưng gần đây mình nhận được nhiều câu hỏi của các bạn rằng “tại sao em share link lên facebook nó lại hiển thị thumbnail khác“.

Và đó cũng là thắc mắc của một số bạn khác và đó cũng là động lực để mình viết bài này chia sẻ cho các bạn cách khắc phục lỗi này giúp khi chia sẻ link hiển thị đúng thumbnail của trang chủ hoặc một trang bài viết bất kỳ nào đó.

Cách khắc phục lỗi thumbnail khi chia sẻ link lên facebook

Đầu tiên mình sẽ hướng dẫn các bạn cách tự động lấy thumbnail bài viết làm ảnh đại diện cho link khi chia sẻ, cách này thì khá đơn giản. Các bạn chỉ việc vào template blogspot của mình, thêm đoạn code sau dưới thẻ <head>

<b:if cond=’data:blog.postImageUrl != &quot;&quot;’>
<meta expr:content=’data:blog.postImageUrl’ property=’og:image’/>
<b:else/>
<meta content=’http://lh4.googleusercontent.com/-JKgGCQ85BtA/VUnercZ0gnI/AAAAAAAAAB4/KJQA-7IQhVU/s1600/logo.png’ property=’og:image’/>
</b:if>

Đoạn code này có ý nghĩa gì?


Đoạn code trên nó giúp chúng ta khi đăng bài viết thì nó sẽ tự động lấy thumbnail bài viết làm ảnh đại diện cho link, còn link ảnh bên dưới là tấm ảnh đại diện khi bạn share link trang chủ.

Tại sao khi có đoạn code đó rồi vẫn bị nhận nhầm thumbnail?


Cái này thì mình không biết vì lý do gì nhưng khi bạn share link lên facebook hay các trang mạng xã hội thì những tấm ảnh hình vuông trong bài sẽ được ưu tiên trước.

Do vậy các bạn muốn hiển thị đúng thumbnail của bài viết hay trang chủ của blog mình thì hãy sử dụng những tấm ảnh hình vuông để mô tả bài viết và thay cái link ảnh ở trên bằng 1 cái logo hình vuồn để khi share sẻ link trang chủ nó hiển thị đúng thumbnail nhé.

Ngoài ra thì có còn phụ thuộc vào dung lượng của tấm ảnh, nếu trên một trang bạn có 2 tấm ảnh đều là hình vuông thì tấm ảnh có dung lượng thấp hơn sẽ đươc nhận dạng thumbnail trước đó cũng là lý do vì sao trong những bài hướng dẫn tự seo blog cho các bạn tôi lại nói về vấn đề tối ưu hình ảnh khi seo blogspot.

Khi nào thay xong ảnh hoàn tất các bạn vào Facebook debug dán link blog của mình vào và click Debug 1 phát rồi hãy test thử nhé.

Thủ thuật này đơn giản cho nên mình chỉ chia sẻ ngắn gọn thôi. Nếu các bạn không hiểu có thể comments mình sẻ chia sẻ thêm. Chúc các bạn thành công.

Chuyển hướng link trong blogpsot (Redirect 301)

Chuyển hướng link hay còn gọi là thủ thuật seo Redirect 301. Ứng dụng khi dùng Redirect 301 cho Seoer: Đó là khi muốn chuyển sang tên miền mới mà muốn giữ thứ hạng các từ khóa (Site cũ bị Sandbox hay Penalty ….hoặc hình phạt khác). Hoặc đơn giản chuyển bài viết sang link khác.

ứng dụng Redirect 301 trong blogpsot

Vậy làm sao để chuyển hướng link trong blogspot (Redirect 301)

Đây là phương pháp cơ bản để chúng ta chuyển hướng từ blogspot cũ sang blogspot mới, chuyển hướng từ link bài viết cũ sang link bài viết mới, nhằm tránh index của google, và bing …bỏ qua được lỗi 404 trong blogspot.


Để thêm Redirect 301 vào blogspot thì các bạn sử dụng đoạn code bên dưới, và thêm chúng vào bên dưới thẻ <head> trong templates blgospot của bạn.

<b:if cond=’data:blog.url == &quot;URL-cũ&quot;’>
<meta content=’2; url=URL-mới‘ http-equiv=’refresh’/></b:if>

 Trong đó :

  • URL-cũ là url cần được chuyển đi
  • URL-mới là url được chuyển đến

Lấy ví dụ cho các bạn dễ hiểu khi áp dụng Redirect 301 vào blogpsot
Ví chuyển chuyển url từ một blgopsot cũ sang một blogspot mới

<b:if cond=’data:blog.url == &quot;http://thuthuatblogger.org&quot;’><meta content=’2; url=htp://www.khamphablog.com‘ http-equiv=’refresh’/></b:if>

code chuyển hướng cho blogpsot

Và đây là một thủ thuật bạn nên dùng khi lỡ tay xóa đi một bài viết nào đó trên blog của mình hoặc có gì gì đó buộc bạn phải xóa một bài viết trên blogspot …Chúc các bạn seo tốt cho blogspot của mình.

Chuyển pdf sang word trực tuyến không bị lỗi font

Bạn đã từng loay hoay cả buổi để tìm cách chuyển đổi một file pdf sang file word để tiện cho công việc của mình nhưng không thành công, sử dụng rất nhiều phần mềm nhưng không làm được, khi được thì lại bị lỗi font. Rất ức chế và khó chịu trong người đúng không nào.


Tôi đã từng như thế, và giờ đây việc đó đã trở nên đơn giản hơn bao giờ hết, giờ đây chúng ta chỉ cần chuyển đổi một file pdf sang word không bị lỗi font chỉ mất vài phút với công cụ chuyển đổi online pdftoword.us .

Hướng dẫn chuyển đổi file pdf sang word trực tuyến không bị lỗi font

Bước 1 : Đăng nhập vào website Pdftoword tại địa chỉ http://pdftoword.us/ tại đây bạn chỉ cần để ý đến ô hình chữ nhật ở bên trái.(hình dưới)

chuyển đổi pdf sang word không bị lỗi font

Bước 2 : Chuyển đổi pdf sang word

Như hình thì chúng ta cần 3 bước để thực hiện chuyển đổi một file pdf sang word (quá đơn giản đúng không)
  • Chọn tệp : Là nơi bạn chọn đến file pdf cần chuyển đổi của bạn hiện đang lưu trên PC
  • Chọn định dạng cần chuyển đổi : Ở đây nó mặc định cho các bạn là chuyển đổi sang word (.doc) nhưng thật ra ở đây chúng ta có thể chuyển pdf sang nhiều định dạng khác nhau như : image (hình ảnh), text, excel, html, xml …
  • Cuối cùng là chuyển đổi nhưng trước khi chuyển đổi thì tôi muốn nói đến các bạn một điều, nếu ở đây chúng ta tích chọn vào Get Result compressed by Zip thì nó sẽ tự động nén file chuyển đổi của các bạn vào file .zip. Rất tiện lợi và rất đáng sử dụng.

Như vậy là chỉ sử dụng vài cú click chuột chúng ta đã đơn giản háo việt chuyển đổi một file pdf sang word online và không hề bị lỗi font rồi nhé. Chúc các bạn thành công.

[Tips] – Thủ thuật khống chế css và js mặc định của blogspot

Css mặc định của blog là những css khi bạn search với PageSpeed Insights  thì nó sẽ báo chặn hiển thị trên blog những bạn vào templates tìm mãi là ko thấy những link css này. Ở bài trước mình đã hướng dẫn các bạn cách xóa js mặc định của blogspot, và bài hôm nay mình hướng dẫn thêm cách khống chế css mặc định của blog.

cách khống chế css và js mặc định của blogpsot

Bài này sẽ kèm luôn việc xóa js và css mặc định của blogspot, 2 trong 1 rất tiện lợi cho các bạn.

Làm sao để xóa css và js mặc định của blogspot.

Để xóa những link js và css mặc định này các bạn đăng nhập vào phần admin Blogger > Templates (mẫu) và chỉnh sửa html và tiến hành chỉnh sửa như sau.
Lưu ý : trước khi thực hiện những bước bên dưới nhớ backup lại mẫu đề phòng trường hợp xấu nhất xảy ra nhé
1. Tìm đến thẻ <head> và sửa nó lại thành

&lt;head&gt;

2. Tìm đến thẻ </head> và sửa nó lại thành

&lt;/head&gt;

3. Tìm đến thẻ <body> và sửa nó lại thành

&lt;body&gt;

4. Và cuối cùng là chỉnh sửa thẻ </body> thành

&lt;!–<head/>–&gt;
&lt;!–<body/>–&gt;
&lt;/body&gt;

Sau đó tiến hành lưu templates blogspot của bạn lại và kiểm tra thành quả nó sẽ như hình trên.
Những lỗi thường mắc phải khi thực hiện quá trình trên


Đôi khi làm việc này thì blog của bạn admin mất đi quyền quản lý comments có nghĩa là không thể xóa comments hay làm gì được thì các bạn hãy thêm một đoạn css vào templates blogspot của mình.

div.blog-admin, div.pid-xxxxxxxxx { display:block; }
span.blog-admin, span.pid-xxxxxxxxx { display:inline; }

Trong đó :

  • xxxxx là ID blog của bạn

Thế là xong bay giờ tôi nghĩ bạn check lại với PageSpeed Insights thì khá ổn và blog cũng load nhanh được đôi chút rồi.

[Tips] – Tự thiết kế blogspot chuẩn W3C/HTML5

W3C là từ viết tắt của World Wide Web Consortium, là nhiệm vụ hướng dẫn World Wide Web với đầy đủ các tiềm năng phát triển của giao thức và các hướng dẫn mà bảo đảm lâu dài sự tăng trưởng của các trang web.

W3C là một trong số các chuẩn cho thiết kế web hiện nay, nó không phải là chuẩn quyết định mọi việc diễn ra trên môi trường Internet. Nhưng W3C giúp bạn định hướng khi xây dựng website.

Vậy làm sao để blogspot đạt chuẩn W3C

Để làm những việc này thì chúng ta cần chỉnh sửa templates blogspot một tý cho phù hợp, tất cả thao tác dưới đây đều thực hiện trên templates (mẫu). Và thay đổi những chi tiết sau

1.Tìm đến thẻ <head> và xóa toàn bộ code bên trên nó và thay bằng

<?xml version=”1.0″ encoding=”UTF-8″ ?>
<!DOCTYPE html>
<HTML>

2.Chỉnh sửa thẻ </html> thành </HTML>


3.Xóa đoạn code

<b:include data=’blog’ name=’all-head-content’/>

Và thay thế bằng

<meta content=’text/html; charset=UTF-8′ http-equiv=’Content-Type’/>
<meta content=’blogger’ name=’generator’/>
<link expr:href=’data:blog.homepageUrl + &quot;favicon.ico&quot;’ rel=’icon’ type=’image/x-icon’/>
<link expr:href=’data:blog.url’ rel=’canonical’/>
<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’/>
<link href=’http://www.blogger.com/openid-server.g’ rel=’openid.server’/>
<link expr:href=’data:blog.homepageUrl’ 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 cond=’data:blog.metaDescription != &quot;&quot;’>
<meta expr:content=’data:blog.metaDescription’ name=’description’/>
<b:else/>
<meta expr:content=’data:blog.pageName + &quot; – &quot; + data:blog.title’ name=’description’/>
</b:if>
</b:if>

4.Tìm đến thẻ <b:skin><![CDATA[ xóa nó đi và thay bằng

<link href=’//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css’ rel=’stylesheet’ type=’text/css’/> &lt;style type=&quot;text/css&quot;&gt; &lt;!– /*<b:skin><![CDATA[*/]] <style>

Sau khi đã làm tới đây thì các bạn tiến hành lưu mẫu lại và kiểm tra thử blog của bạn đã đạt chuẩn W3C/HTML5 chưa bằng công cụ 

http://validator.w3.org/

Vậy là chúng ta đã thành công tự mình thiết kế giao diện chuẩn W3C/HTML5 cho riêng mình, nếu gặp lỗi gì trong quá trình thiết kế xin hãy để lại comments, chúng tôi sẽ hỗ trợ bạn.