Danh sách mã code status (mã trạng thái HTTP)

Khi truy cập 1 trang web nào đó thường xuyên bạn sẽ gặp một số vấn đề khi không truy cập được và nhận về các code status HTTP (mã phản hồi) mà trình duyệt nêu ra. 

Nếu không hiểu ý nghĩa của các mã trạng thái này bạn sẽ không hiểu nguyên nhân gì mà bạn không truy cập được.

Mã code status phổ biến nhất mà bạn thường thấy là 404 (không tìm thấy được trang mà bạn truy cập).. Vậy còn những mã phản hồi Http nào khác và ý nghĩa của các mã khác là như thế nào?

Ví dụ như: 200, 301, 302, 500 ???

Sau đây chúng ta sẽ cùng tìm hiểu ý nghĩa của các mã trạng thái HTTP này!

I. Ý Nghĩa Các HTTP Status Code Thông Dụng

Các HTTP status code có 3 chữ số mang một nhóm ý nghĩa nào đó để thông báo cho người dùng về vấn đề truy cập được và không truy cập được..

HTTP Status Code 1xx: Phản hồi thông tin

Các status code loại này dùng để đơn giản thông báo với client rằng server đã nhận được request. Thường thì bạn cũng không cần quan tâm mã này.

HTTP Status Code 2xx: Xử lí thành công

Các status code loại này có ý nghĩa rằng request được server nhận , hiểu và xử lý thành công.

Các request mang mã 200 là được server xử lí tốt.

HTTP Status Code  3xx: Chuyển Tiếp

Các status code loại này có ý nghĩa rằng server sẽ chuyển tiếp request hiện tại sang một request khác và client cần thực hiện việc gửi request tiếp theo đó để có thể hoàn tất. 

Thông thường khi trình duyệt nhận được status code loại này nó sẽ tự động thực hiện việc gửi request tiếp theo để lấy về kết quả.

HTTP Status Code  4xx: Lỗi Từ Phía Client (Người truy cập)

Các status code loại này có ý nghĩa rằng đã có lỗi từ phía client trong khi gửi request. Ví dụ như sai URL, sai HTTP method, không có quyền truy cập vào trang...

HTTP Status Code 5xx: Lỗi Từ Phía Server

Các status code loại này có ý nghĩa rằng server đã có lỗi từ phía server trong khi xử lý request. Ví dụ như databse chết hoặc server bị hết bộ nhớ...

Hãy "kiểm tra phần tử" xem trong phần "network" và kiểm tra các request nào trong website của bạn đang gặp trục trặc cần phải xử lí nhé!

II. Các Status Code thông dụng

Ở phần này chúng ta sẽ cùng nhau tham khảo các status code hay sử dụng khi xây dựng web service (hoặc sử dụng API).

2xx: Thành Công (Truy cập thành công)

Trong các HTTP status code thuộc loại 2xx thì 200 OK là status code thường được sử dụng nhiều. Các request được xử lý thành công bởi server thường sử dụng status là 200.

204 Không có nội dung: Máy chủ đã xử lý thành công yêu cầu và không trả lại bất kỳ nội dung nào

3xx: Chuyển Tiếp

Trong các HTTP status code thuộc loại 3xx thì có một vài loại thông dụng mà nhất là SEOer và các Webmaster Tools cần biết

1. 301 Moved Permanently (Đã chuyển hướng vĩnh viễn sang trang mới chuyển luôn giá trị SEO)
2. 302 Found (Chuyển hướng sang trang mới tạm thời cho người dùng xem, không chuyển giá trị SEO)

Do vậy khi thực hiện SEO nếu link/trang cũ bị lỗi thì bạn nên chuyển hướng 301 sang trang mới để giữ nguyên giá trị SEO.
Còn chuyển hướng 302 thường dùng khi bạn muốn nâng cấp website mà muốn người dùng của bạn có thể truy cập trang website tạm thời trên một hosting mới.

4xx: Lỗi Từ Phía Client (Lỗi từ người dùng)

Trong các HTTP status code thuộc loại 4xx thì 400 Bad Request, 401 Unauthorized, 403 Forbidden và 404 Not Found là status code thường được sử dụng nhiều.

Trong đó:

• 400 có ý nghĩa rằng server đã nhận được request nhưng phía client đã gửi một request lỗi. Một trong số lỗi có thể kể đến như lỗi cú pháp như upload tập tin không đúng format hoặc quá lớn, hoặc thiếu dữ liệu cần thiết...
• 401 có ý nghĩa rằng server đã nhận được request nhưng phía client không có quyền truy cập. Các request trả về status code 401 sẽ thay đổi nếu phía client thực hiện việc đăng nhập xác minh quyền.
• 403 có ý nghĩa rằng server đã nhận được request nhưng từ chối việc xử lý request, truy cập bị cấm. Ví dụ cấm truy cập 1 file trong thư mục nào đó trong hosting đối với người dùng dù có được link.
• 404 có ý nghĩa rằng server đã nhận được request nhưng không tìm thấy nội dung nào trả về với URL nhận được.

5xx: Lỗi Từ Phía Server (Lỗi từ Server/máy chủ)

Status code 500 là một status với ý nghĩa chung nói rằng server đã gặp phải lỗi khi xử lý request mà không đưa ra lý do cụ thể.

Trên đây bạn đã tham khảo các HTTP status code thường hay sử dụng nhất. Để tham khảo chi tiết tất cả các HTTP status code bạn có thể tham khảo địa chỉ này.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Status

Kết luận:

Như vậy khi truy cập 1 website những request trả về các mã phản hồi (Status code) thì bạn có thể hiểu và xử lý chúng.

Kinh nghiệm tối ưu ảnh trên iphone 6/7/8 trên Blogger

Tối ưu ảnh là kỹ thuật gọi ảnh vừa với kích thước hiển thị ra ngoài màn hình, nhờ vào kĩ thuật này bạn sẽ gọi ra được ảnh có kích thước phù hợp vừa làm giảm dung lượng ảnh vừa giúp website tải nhanh hơn.

Vẫn là lời khuyên cũ. Trước khi sử dụng ảnh trên Website bạn phải nén ảnh lại trước khi up lên bằng:

1. https://compressnow.com/ (với ảnh JPG)
2. https://gifcompressor.com/vi/ (với ảnh GIF)
3. https://compresspng.com/vi/ (với ảnh PNG)

Cách 1: Dùng Javascript để cắt ảnh vừa với kích thước hiển thị

Cách này thì thường áp dụng cho gọi bài viết theo nhãn, có sử dụng javascript

Hướng dẫn thiết kế 2 giao diện (Mobile/Desktop) cho Blogger

Đối với Blogger khi truy cập trên thiết bị có độ phân giải màn hình từ 600px trở xuống sẽ chuyển ngay sang truy cập link trên mobile có dạng url.html?m=1

Đối với giao diện này các điều kiện trên mobile bắt đầu hoạt động.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'><!-- nội dung muốn hiển thị trên di động --></b:if>

và

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'><!-- Nội dung không muốn hiển thị trên di động --></b:if>

Do vậy khi khi xem trên máy tính với kích thước màn hình lớn thì không thể nào tự chuyển sang url?m=1 được mà ta phải có button cho chuyển 2 chế độ. Sẽ được thêm ?m=1 vào cuối url.

Như cách mình làm thì ở chế độ Mobile sẽ tự động ẩn Sidebar-wrapper đi và để #main-wrapper{width:100%!important}

Tối ưu SEO trang Label cho Blogger

SEO trang Label cho Blogspot vốn là yếu điểm trên nền tảng Blogger khi Google không có tùy chỉnh cho trang Label mà đơn thuần đây chỉ là trang lọc ra các bài viết cùng nhãn.

Để rõ hơn mình cho bạn 1 ví dụ như sau:

Ví dụ mình có 1 url trang Label:
https://www.toilaquantri.com/search/label/Blogger-co-ban

Trang nhãn Blogger có yếu điểm về SEO như sau:

1. Không cho thêm tiêu đề tùy chỉnh
2. Không cho thêm Meta Description
3. Không cho thêm text mô tả

Cho nên ta thêm code khai báo thủ công vào từng trang nhãn

Trang Label chưa được tối ưu

Trang này không có chỗ viết tiêu đề và Meta Description để tối ưu SEO thì chúng ta sẽ làm thủ công như sau:

Code:

<b:if cond='data:blog.url == "https://www.toilaquantri.com/search/label/Blogger-co-ban"'>
<meta content='Viết đoạn meta Description' name='Description'/>
<h1 class='cssh1' style='color:#000;clear:both;width:100%'>Viết tiêu đề cho trang Nhãn</h1>
<p>Viết đoạn mô tả ngắn khoảng 3-5 dòng</p>
<p>Viết đoạn mô tả ngắn khoảng 3-5 dòng</p>
<p>Viết đoạn mô tả ngắn khoảng 3-5 dòng</p>
<p>Viết đoạn mô tả ngắn khoảng 3-5 dòng</p>
<p>Viết đoạn mô tả ngắn khoảng 3-5 dòng</p>
</b:if>

 Kết quả:

Thêm tiêu đề và mô tả để tăng tỉ lệ text và từ khóa

Sau đó kiểm tra trang nhãn bằng SeoQuake phần nào còn đỏ thì fix nốt.

Fix lỗi trùng lặp nội dung, tiêu đề mô tả chuẩn trong Blogger

Blogger là nền tảng "Trùm" nổi tiếng về lỗi trùng lặp nội dung. Tức là 2 hay nhiều URL cùng nhận tiêu đề/ mô tả/ nội dung y như nhau và để cho Google Index.

Nếu khái niệm Canonical khai báo cho Google biết đâu là URL muốn index là link chính nhưng quá nhiều trang sinh ra như vậy thì ta dùng biện pháp chặn index các link còn lại mà không thể dùng Canonical được. Bạn có thể xem phương pháp này tại Fix lỗi trùng lặp nội dung bằng Canonical mà mình chia sẻ trước đó.

Hiện nay cụm từ "Trùng lặp nội dung" theo dân Viết Content và cách nhiều người hiểu là nội dung đi copy 100% của trang khác dẫn đến trùng nội dung, không Unique 100%. Xong ít ai biết trùng lặp nội dung còn tự trùng lặp trên chính trang web của mình.

lỗi trùng lặp nội dung, tiêu đề mô tả

Hướng dẫn Submit Google Sitemap (xml và Atom) với nền tảng Blogger

Như trong bài viết trước có hướng dẫn cho bạn 3 phương pháp submit link lên Google căn bản nhất. Bạn xem lại tại: https://www.toilaquantri.com/2016/11/3-cach-giup-noi-dung-cua-ban-nhanh-index-len-google.html

Nhưng trong bài này chúng ta sẽ làm việc submit là Sitemap.xml, Sitemap Atom và khai báo trong Robots.txt.

Hướng dẫn Submit Google Sitemap (xml và Atom) với nền tảng Blogger

Khai báo siêu cấu trúc dữ liệu (Structure Data Schema): Áp dụng tất cả Website

Công cụ kiểm tra: https://search.google.com/structured-data/testing-tool

Cấu trúc dữ liệu là các thành phần khai báo bố cục trang website để Google dễ dàng xác định đâu là Header, Body, Main, Siderbar, Footer cũng như cung cấp Profile (Liên kết tới các mạng xh), Khai báo dịch vụ, Sản phẩm, Bản đồ, kinh độ, vĩ độ, giờ đóng cửa mở cửa của cty....

1. Nhờ vào cấu trúc này mà website sẽ trở nên thân thiện với anh Google
2. Khi triển khai xong theo dõi trong Google Webmaster Tools
3. Thực thế khi triển khai tất cả thứ hạng từ khóa thăng hạng tốt hơn, gia tăng traffic cao hơn.

Schema cho trang chủ

Robots.txt chuẩn cho Blogger/Blogspot 2018

Robots.txt là một tài liệu cho các con bọ (SE: Search Engine) đọc trang này (index) dữ liệu website ở trang nào, và không cho đọc trang nào lên các máy chủ tìm kiếm.

Các con bọ tìm kiếm đều phải tuân thủ nội dung trong Robots.txt trước khi lập chỉ mục các nội dung trong website.

Việc thiết lập Robots.txt chuẩn cho công cụ lập chỉ mục (index) nhanh chóng hoặc index các nội dung không muốn cho lập chỉ mục.

Robots.txt chuẩn cho Blogspot 2018

Robots.txt mà Toilaquantri.com đang dùng

Bạn thay link https://www.toilaquantri.com/ ở các code bên dưới nhé!

Hoặc tham khảo robots.txt mà toilaquantri đang dùng tại https://toilaquantri.com/robots.txt

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /search
Disallow: /search*
Allow: /
Allow: *max-results=10
Allow: /search/label/
Disallow: *archive.html
Disallow: *?updated-max*
Disallow: *?m=0
Sitemap: https://www.toilaquantri.com/posts/default?orderby=UPDATED
Sitemap: https://www.toilaquantri.com/sitemap.xml
Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=1&max-results=500

Giải thích cách hoạt động của Robot.txt

• User-agent: Mediapartners-Google
• Disallow: //Mình chặn index các trang đối tác của Google (Google Adsense)
• User-agent: * //Khai báo cho tất cả bộ máy tìm kiếm (SE)
• Allow: /        //Cho phép đọc trang domain.com/ (Khác với domain.com không có / phía sau .com)
• Disallow: /search* //Chặn trang tìm kiếm
• Allow: /search  //Cho phép đọc trang bài viết mới
• Disallow: *archive.html //Chặn index trang lưu trữ
• Disallow: *?m=0 // chặn index trang có giá trị domain.com?m=0
• Allow: /search/label/   //Cho phép index trang nhãn
• Allow: *max-results=10 //Cho phép Index trang nhãn có max-results=10 (vì mình muốn như thế)

Dành cho các site không index các trang *max-results=*

Disallow: *max-results=*  // Chặn index đuôi max-results=10, max-results=20, max-results=xxx. Thường dùng cho code phân trang.

Riêng đối với Blogger sử dụng cấp dữ liệu qua atom và mỗi lần cấp là tối đa 500 bài nên ta mới khai báo sitemap: như sau

Sitemap: https://www.toilaquantri.com/posts/default?orderby=UPDATED

Sitemap: https://www.toilaquantri.com/sitemap.xml

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=1&max-results=500

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=501&max-results=500

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=1001&max-results=500

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=1501&max-results=500

Sitemap: https://www.toilaquantri.com/p/map.html

Trong đó các link sau:

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=1&max-results=500

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=501&max-results=500

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=1001&max-results=500

Sitemap: https://www.toilaquantri.com/atom.xml?redirect=false&start-index=1501&max-results=500

= Được khai báo trong Google Webmaster Tools

Sitemap: https://www.toilaquantri.com/p/map.html

Sitemap dành cho người dùng nhưng cũng khai báo link để Google (SE) vào đó đọc link cho nhanh.

Cách khai báo Robots.Txt

1. Cho phép dò và index toàn bộ trang và các thư mục, các file

Allow: /

2. Chặn không cho phép tất cả bot (SE) truy cập và index toàn bộ

Disallow: /

3. Chặn toàn bộ một thư mục và các file, thư mục con trong nó

Disallow: /abc/

4. Chặn một trang cố định

Disallow: /abc.html

5. Chặn một loại file cố định từ một bot của công cụ tìm kiếm

User-agent: Googlebot

Disallow: /*.doc$ (thay doc bằng jpg hoặc bất kì file nào muốn chặn)

6. Chặn một hình không cho Googlebot-Image index

User-agent: Googlebot-Image

Disallow: /abc/def.jpg

7. Chặn không cho một bot bất kì truy cập:

User-agent: Googlebot

Disallow: /

Lưu ý khi sử dụng và tạo file Robots.txt

1. Phân biệt chữ hoa, chữ thường
2. Không được viết thừa hoặc thiếu khoảng trắng
3. Mỗi lệnh viết trên một dòng
4. Không tự ý thêm các ký tự đặc biệt dễ gây nhầm lẫn cho bot
5. Hết sức thận trọng khi sử dụng khi bạn chưa hiểu thường tận
6. Kiểm tra thường xuyên file robots.txt

Nâng cấp chuẩn https (bảo mật) cho blogspot

Trước đây trong nền tảng blogger (blogspot). Google chỉ áp dụng xanh | Bảo mật cho tên miền miễn phí dạng .blogspot.com có chuẩn https (bảo mật) nhưng với tên miền tùy chỉnh vẫn được hiện được https nhưng không hiển thị được xanh bảo mật. Chữ s xuất hiện ở cuối https:// là viết tắt của chữ Secure = Bảo mật để xác nhận là trang đã bật chuẩn mã hóa để bảo vệ người dùng là trang an toàn.

Vậy là đến nay thì cuối cùng Google đã nâng cấp chuẩn xanh  https cho đứa con cưng blogger của mình dành cho tên miền tùy chỉnh trong suốt 1 năm nay hiện diện.

Về mặt SEO web chuẩn https sẽ giúp website của bạn tối ưu trên công cụ tìm kiếm vỏn vẹn ~ 1% nhưng động thái này đã cho thấy chuẩn này đang được Google đánh giá cao.

HTTPS Bảo mật trong web toilaquantri.com

Ứng dụng Tiêu đề Robot Tùy chỉnh trong hoạt động SEO

Blogspot cung cấp cho chúng ta các thẻ tiêu đề để tùy chỉnh Robot nhưng thông thường chúng ta sẽ không hiểu sâu để vận dụng linh hoạt cho đúng trong quá trình xây dựng phát triển website hoặc trong các hoạt động SEO web.

Hôm nay chúng ta cùng tìm hiểu sâu về các tính năng tiêu đề Robot tùy chỉnh này nhé!

1. Vị trí cài đặt Robot tùy chỉnh trong blogger

Ứng dụng Robot Tùy chỉnh trong hoạt động SEO

#23 Bộ thẻ Meta Full 2018 cho nền tảng Blogger

Tiếp nối bộ thẻ Meta Blogger 2015 2016 mà mình đã chia sẻ khá lâu cũng không nhớ rõ và nay chúng ta sẽ có bộ thẻ Meta cho năm 2018 sẽ dài hơn.

Đi thẳng vào vấn đề dưới đây là sẽ bộ thẻ meta của bạn.

Bộ thẻ Meta Full 2018 cho nền tảng Blogger

Tất cả những đánh dấu đỏ bạn sửa lại phù hợp cho blogspot của mình.
Về phần ý nghĩa của nó phần nào bạn không hiểu tác dụng hoặc không biết thay có thể comment bên dưới để mình hướng dẫn.

Xem lại bộ meta cũ: Thẻ Meta chuẩn SEO cho blogger 2016

#22 Tối ưu Blogspot/Blogger chuẩn AMP

AMP là gì?

AMP (Accelerated Mobile Pages) là một dự án được Google hậu thuẩn với mục tiêu thúc đẩy tốc độ trên thiết bị di động. Nói một cách đơn giản hơn. AMP là một cách xây dựng với nội dung trang web tĩnh cho phép các trang web có thể tải và load ( trước khi render trong tìm kiếm của Google) nhanh hơn nhiều so với HTML thông thường.

#21 Tìm hiểu về liên kết, có những loại liên kết nào?

Bài viết này là nhằm hỗ trợ cho các bạn có kiến thức căn bản nhất về SEO và học Làm web. Chúng ta thường được nghe nói các khái niệm về link như sau:

Tìm hiểu về liên kết

[Giới thiệu] #Học SEO Blogspot cùng Huỳnh Phụng Blogger

Dịch vụ Đào tạo SEO Blogspot cùng Huỳnh Phụng Blogger

• Để thành thạo trong SEO đòi hỏi bạn sẽ tốn rất nhiều công sức để tự học và mài mò. Hầu hết gần 80% các khóa học SEO trên thị trường hiện nay chỉ dạy cho bạn kiến thức thực sự rất cơ bản và thực sự chưa đạt hiệu quả cao như mong đợi.

• Xuất phát từ tình hình đó mình sẽ đào tạo SEO tận tình (Mỗi buổi học không quá 3 người) và giải đáp hầu như tất cả những vướng mắc về SEO cho các bạn mà các bạn làm SEO dưới 1 năm kinh nghiệm sẽ chắc chắn không nắm bắt hết được

• Khóa học SEO sẽ sử dụng nền tảng Blogger để SEO

#20 Hướng dẫn xóa CSS và JavaScript mặc định của Blogger

Hướng dẫn xóa CSS và JS mặc định của Blogger/Blogspot.

Hướng dẫn xóa CSS và JavaScript mặc định của Blogger

Xin chào các bạn,

Tốc độ trang web luôn là một vấn đề quan trọng đối với mỗi webmaster. Chính vì vậy, hôm nay mình xin chia sẻ tới các bạn một thủ thuật nho nhỏ nữa, mặc dù đã khá cũ và nhiều người giới thiệu nhưng có lẽ đây là một cách khá hiệu quả đấy!

Để xóa CSS mặc định thì rất đơn giản, bạn chỉ cần copy đoạn code dưới đây và paste vào ngay trên thẻ <b:skin> trong Template của các bạn là được.Xóa CSS mặc định

&lt;!--<style type='text/css'/>--&gt;

Lưu ý: Bây giờ, nhiều Template mới còn có thêm cả thẻ <b:template-skin>. Các bạn hay để ý xem thẻ nào nằm trước thì đặt đoạn code trên vào ngay trước thẻ đó nhé!

Ví dụ: Mình có thẻ <b:template-skin> nằm trên thẻ <b:skin> thì mình sẽ chèn như sau:

&lt;!--<style type='text/css'/>--&gt;
<b:template-skin>
......
</b:template-skin>
<b:skin>
......
</b:skin>

Xóa Javascript mặc định

Để xóa bỏ stylesheet và file javascript mặc định của Blogger, các bạn hãy thay các thẻ sau:

<html>
<head>
...
</head>
<body>
...
</body>
</html>

Thành các thẻ mới tương ứng như dưới đây nhé!

<html>
&lt;head&gt;
...
&lt;/head&gt;
&lt;body&gt;
...
&lt;!--<head/>--&gt;
&lt;!--<body/>--&gt;
&lt;/body&gt;
</html>

Xong rồi, giờ các bạn hãy lưu Template lại và kiểm tra lại tốc độ và cũng như điểm số của Blog khi kiểm tra với các công cụ đánh giá tốc độ online xem sao nhé.

(Cách được tham khảo từ dxoan.blogspot.com và Mocgin)

Tổng kết

Như vậy là chúng ta đã hoàn thành việc xóa CSS và JavaScript mặc định của Blogger rồi. Hi vọng sau khi thực hiện thì blog của bạn sẽ có được tốc độ tốt nhất khi tải trang nhé!

Lưu ý: Không phải Template nào cũng hoàn toàn tương thích với việc xóa bỏ CSS và Javascript mặc định, nên sẽ có những Template sau khi thực hiện sẽ bị lỗi một chút về CSS nên các bạn chịu khó sửa lại nếu như gặp lỗi nhé! Tùy từng Template sẽ có cách sửa khác nhau nên mình không chỉ ra đây được.

[Giới thiệu] #Khóa học Lập Trình Website bằng Blogger

Xin chào các bạn!

Hiện nay có 2 nền tảng thiết kế website kinh doanh bán hàng giúp bạn tiết kiệm chi phí đó là nền tảng Blogger và Wordpress. Ngoài ra còn có Joomla, Open Cart...vv

Khóa học Lập Trình Website bằng Blogger

#19 Tối ưu tiêu đề blog h1 cho blogspot

Khi xây dựng website trên nền tảng blog hơn 90% các blog khi sử dụng logo hình ảnh sẽ bị lỗi không lấy tên blog ở trang chủ làm thẻ h1.

Tối ưu tiêu đề blog h1 cho blogspot

#18 Tối ưu SEO ONPage - #4 Nén CSS và Javascript trên blogger

Trong loạt bài viết tối ưu SEO Onpage chúng ta đã cùng đi qua 3 bài viết gồm tối ưu CSS3, Tối ưu HTML5, Tối ưu cấu trúc dữ liệu trên structure data tool của google.

Bài viết tiếp theo sẽ hướng dẫn các bạn 2 công việc tiếp theo là nén CSS và Javascript.

Nén CSS và Javascript trên blogger

#17 Tối ưu SEO Onpage - #3 Tối ưu cấu trúc dữ liệu trên Blogger

Structured-data hay còn gọi là Cấu trúc dữ liệu hay Dữ liệu có cấu trúc nếu gọi riêng cho Google là cấu trúc khai báo của code web. Việc tối ưu cấu trúc theo chuẩn này sẽ giúp Google dễ đọc các thành phần code web hơn. Mỗi trang web (nói đến blogger) hiện nay có đến 3000-4000  đoạn code hoặc hơn. Do vậy, cấu trúc lập trình không rõ ràng hoặc chưa khai báo sẽ làm Google khó xác định được cấu trúc website.

Tối ưu cấu trúc dữ liệu trên Blogger

#16 Tối ưu SEO Onpage Blogger - #2 Sửa lỗi HTML5

Đây là bài viết thứ 2 trong loạt bài Tối ưu SEO Onpage xử lý với nền tảng Blogger.
Bài viết #2 này sẽ hướng dẫn các bạn tối ưu cấu trúc HTML5 cho blogger/website của bạn.
Website chuẩn HTML5 cũng là một trong những tiêu chí SEO hàng đầu mà mình đưa ra. Các cấu trúc lập trình mới như CSS3 và HTML5 có nhiều cải tiến mới, các ngôn ngữ lập trình mới đưa ra hỗ trợ nhiều lệnh hơn hơn nữa là trình duyệt sẽ đọc code chuẩn mới này nhanh chóng nhờ đó tăng tốc độ load website.

Sửa lỗi HTML5 cho blogger

#15 Tối ưu SEO Onpage Blogger - #1 Tối ưu CSS3

Xin chào các bạn!
Trong khá nhiều những bài viết trước mình đã chia sẻ cho các bạn khá nhiều kiến thức về SEO hơn hết là sử dụng trên nền tảng Blogger.

Trong bài viết SEO là gì? đã chia sẻ cho các bạn 2 khái niệm quan trọng trong SEO chính là SEO Onpage và SEO Offpage.

Cho nên bắt đầu từ bài viết #1 về tối ưu Onpage mình sẽ không nói nhiều về lý thuyết mà chia sẻ nhiều về kỹ thuật nâng cao để các bạn tối ưu Onpage trước cho các bạn có thể bắt đầu làm SEO được ngay lập tức

Tối ưu SEO Onpage Blogger - #1 Tối ưu CSS3

#14 Các thẻ Data gọi dữ liệu cơ bản trong Blogger

Mỗi nền tảng mã nguồn đều có những thẻ Data dữ liệu tương tự nhau, riêng đối với những người design blogger, rip blogger cần phải biết để phục vụ cho công việc của mình.

Mình đang thiết kế template để chuẩn bị cho kế hoach kinh doanh của mình nên có 1 vài chia sẻ về vấn đề này.
Dưới đây là 14 lệnh gọi dữ liệu cơ bản cho blogger mình sẽ cập nhật khi tìm hiểu thêm để mổ sẽ nó

Các thẻ Data gọi dữ liệu cơ bản trong Blogger

#13 Cú pháp sử dụng Javascript trong html

Hôm nay mình có nghiên cứu một ít về giải mã Javascript tiện thể cũng chia sẻ nhỏ các cú pháp sử dụng Javacript nhúng trong HTML và cũng lưu ý một chút về mặt SEO
Có nhiều lý do để bạn tìm hiểu về cách nhúng Javascript như tối ưu Javascript để tăng tốc website hay giải mã code javacript loại bỏ một số Javascript mặc định..vv

Kiến thức cơ bản khi sử dụng Javacript mà bạn cần nhớ

Cú pháp sử dụng Javascript trong html

#12 Thiết kế giao diện Responsive cho blogger

Thiết kế giao diện Responsive Design là thuật ngữ mới được phát triển trong vài năm gần đây. Theo đó các giao diện website có Responsive sẽ tự động co giãn các thành phần để hiển thị tương thích trên các màn hình thiết bị khác nhau.

Thiết kế giao diện Responsive cho blogger

#11 Cấu trúc Template Blogger

Xin chào các bạn, các bạn vừa trãi qua Serie Học Blogger Cơ Bản và đây là bài viết thứ #11 và Title bài viết hôm nay cực kì hot là Tìm hiểu cấu trúc của một Template blogger hoạt động như thế nào, cũng như các thành phần trong blogger

#10 Tiêu chí đánh giá Template Blogger Website chuẩn SEO

Đối với một Blogger chưa có kinh nghiệm về Blog và code chắc hẳn cũng không biết Giao diện Template blogger chuẩn SEO có những tiêu chí gì?.

Dưới đây là những chia sẻ nhỏ để các bạn chọn lựa các Template blogger chuẩn SEO, cũng như có thể tự Đánh giá website đã tốt để SEO web hay chưa?

Template Blogger chuẩn SEO

#9 Làm sao để biết bài viết chuẩn SEO với SEOquake

Bài viết chuẩn SEO về mặt cơ bản có nhiều yếu tố để đánh giá. 
Trước tiên là tiêu đề bài viết phải chứa từ khóa, từ khóa ở đây là người dùng tìm kiếm ở Google.com nếu những từ tìm kiếm đó giống với tiêu đề hoặc giống với nội dung có trong bài viết thì sẽ được Google đề xuất.

bài viết chuẩn seo

Nếu bạn chưa biết tiêu chí nào để xác định một bài viết chuẩn SEO hơn nữa thì mình đã chia sẻ trong 2 bài viết này:

#8 Cách viết bài chuẩn seo cho blogger

Bài thứ 8 trong Serie học blogger cơ bản mình sẽ hướng dẫn các bạn viết bài chuẩn SEO. Bằng kinh nghiệm viết nhiều năm mình sẽ chia sẻ cách mà mình viết bài seo trong blogger.

Để có một bài viết chuẩn SEO google thì phải có một số tiêu chí đặt ra là bài viết chuẩn SEO phải như thế nào? Cách viết một bài viết chuẩn SEO phải có những phần gì?. Dưới đây là tiêu chí của một bài chuẩn SEO mà mình đưa ra

cách viết bài chuẩn seo cho blogger

#7 Cài đặt tối ưu chuẩn SEO Blogger

Tùy chỉnh và tối ưu cài đặt trong blogger giúp SEO Blogger tốt hơn với các thành phần Mô Tả, Robot.txt, Feedburner và Google Analytics sẽ là công cụ hữu ích nhiều khi quản trị và SEO website

#6 Tối ưu thẻ meta chuẩn SEO cho blogger

Cách tối ưu thẻ meta blogger, cùng tìm hiểu các thẻ meta cơ bản có vài trò như thế nào trong SEO blogger để tối ưu thẻ meta và khai báo blogger với các công cụ tìm kiếm.

Tối ưu thẻ meta chuẩn SEO cho blogger

Bài viết này trang chuyển mục Serie học thiết kế blogger cơ bản
Mình đã chia sẻ bộ thẻ meta Full SEO Pack MeTa này tại đây

Dưới đây là Phân tích ý nghĩa của từng thành phần trong bộ Meta Blogger cho bạn dễ hiểu

I. Vị trí của thẻ meta blogger

Thẻ meta blogger sẽ nằm bên trong Mẫu và nằm giữa thẻ <head> và thẻ <b:skin>

Nhiệm vụ bộ thẻ này là khai báo các thuộc tính của website như về ngôn ngữ, mô tả blog vv..

II. Ý nghĩa của các thẻ meta chuẩn SEO blogger cơ bản

1. Thẻ meta phải đăng kí mới có:

<meta content='uaJPi95ua-Gq8fhf8PYmJVfehY' name='alexaVerifyID'/>
<meta content='bqCvQd96fKEsDINdw8IsohwclFYFVWsaiGO7zZ1Zfcg' name='google-site-verification'/>
<meta content='de2d42a190998ae52a42b8fcd7f05c12' name='p:domain_verify'/>

Để có được các thẻ này bạn phải đăng kí các dịch cụ của alaxa, google.., và để đăng kí các thẻ này các bạn tìm kiếm với các từ khóa "Hướng dẫn tạo alexaVerifyID, google-site-verification, p:domain_verify".. sẽ tìm thấy các bài viết hướng dẫn tạo các thẻ meta này. Nếu các bạn có vấn đề trong việc tạo 3 thẻ meta thì comment bên dưới.

2. Meta nhận diện kích thước màn hình

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

Thẻ này có chức năng nhận diện độ rộng màn hình để thay đổi các giao diện cho phù hợp với từ màn hình. Đối với các Template blogger hỗ trợ Responsive sẽ bắt gặp được thẻ này. Đồng thời các bạn cũng sẽ gặp các lệnh dưới đây để khai báo CSS cho từng kích thước màn hình.

@media screen and (max-width:1366px){
@media screen and (max-width:1024px){
@media screen and (max-width:800px){
@media screen and (max-width:600px){
@media screen and (max-width:480px){

3. Thẻ meta ID của facebook

<meta content='1610653149174737' property='fb:app_id'/>

<meta content='100005806178307' property='fb:admins'/>

Để tạo được các thẻ này tương tự bạn cũng tìm kiếm "tạo fb:app_id hoặc "fb:admins" mình sẽ không hướng dẫn nhiều, nếu không làm được thì comment mình sẽ hỗ trợ tìm dùm.

Thẻ meta này khai báo admin của các bài post lên facebook sẽ xuất hiện BỞI HUỲNH PHỤNG và rê chuột vào nó sẽ link đến id của admin blogger.

Ý nghĩa meta chuẩn SEO cho blogger

4. Thẻ meta Blogger về ngôn ngữ và địa lý

Trong SEO google sẽ ưu ái các kết quả tìm kiếm gần người dùng search, nếu bạn khai báo vị trí TPHCM nếu người dùng search từ khóa gần TPHCM sẽ ưu tiên ra kết quả tìm kiếm của bạn và thẻ meta ngôn ngữ cũng vậy, thuật ngữ trong Seo gọi là Local SEO

Đây là bộ thẻ meta ngôn ngữ và địa lý đầy đủ mà mình đã tạo vị trí tại TPHCM, nếu bạn ở Hà Nội hoặc nơi khác thì phải thay đổi kinh độ và vĩ độ địa lí 2 dòng màu đỏ bên dưới.

các bạn sẽ tìm hiểu về cách tạo 2 thẻ địa lý "geo.position" và "ICBM"

<!-- Ngôn ngữ và địa lý -->
<meta content='VN-SG' name='geo.region'/>
<meta content='14.058324;108.277199' name='geo.position'/><meta content='14.058324, 108.277199' name='ICBM'/><meta content='Vietnam' name='geo.placename'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_VN' property='og:locale:alternate'/>
<meta content='vi_VN' property='og:locale:alternate'/>
<meta content='vi-VN' name='language'/>
<meta content='US' name='country'/>
<meta content='VN' name='language'/>
<meta content='Ho Chi Minh' name='city'/>
<meta content='Viet Nam' name='country'/>
<meta content='Ho Chi Minh' name='geo.placename'/>
<meta content='Viet Nam' name='geo.region'/>
<!-- All In One SEO Pack 2015 Blogspot Plugin-->

5. Thẻ meta reload lại Blog sau khoảng thời gian.

<meta content='1200,url=/' http-equiv='refresh'/>

với thẻ này sau khoảng thời gian 1200s được tính bằng giây, blog sẽ load lại địa chỉ trong url, để chuyển thành một link bất kì thì bạn thay dấu "/" thành link muốn chuyển đến.

Với 

10 phút = 600
20 phút =1200
30 phút =1800
1h =3600

Thẻ này có tác dụng điều hướng người dùng trong 1 khoảng thời gian tới link nào đó, đồng thời lượt view blog cũng sẽ tăng lượng nhất định.

Nếu bạn muốn 30 phút sẽ chuyển tiếp đến trang http://www.toilaquantri.com/ thì sẽ là:

<meta content='1800,url=http://www.toilaquantri.com/' http-equiv='refresh'/>

Lưu ý thêm:
Ngoài ra còn có các thẻ meta khác hỗ trợ tối ưu hiển thị khi share lên các mạng xã hội Facebook, Google+, Twiter, khai báo từ khóa mô tả vv.

Thêm Thẻ meta blogger chuẩn SEO vào blogger

Xóa tất cả code nằm bên trong cặp thẻ <head> và <skin> bằng bộ thẻ meta chuẩn SEO trong bài viết  đã hướng dẫn các bạn kĩ lưỡng.

Kết luận:

Vậy việc khai báo đầy đủ thẻ Meta blogger đã góp phần tối ưu seo cho blog việc làm cuối cùng là thay thế toàn bộ meta code mà mình chia sẻ và blog của bạn và chỉnh sửa lại các nội dung phù hợp

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