Tìm hiểu các thẻ Meta của Blogger
/
Blogger mặc định tự động khởi tạo tất cả các thẻ Meta cần thiết cho blog của bạn thông qua dòng mã <b:include data='blog' name='all-head-content'/>. Khi bạn tạo một blog thì các thông tin như tiêu đề, mô tả... đều được chuyển thành dạng mã mà bạn có thể thấy được khi xem source.
Dòng đầu tiên có thể là
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>Thẻ này chỉ ra rằng trang web mà bạn đang xem là kiểu HTML và các kí tự trên đó sử dụng kiểu mã hóa UTF-8.
Tiếp theo, bạn sẽ thấy:
<meta content='blogger' name='generator'/>Thẻ này khai báo rằng trang web dùng mã nguồn Blogger của Google.
Tiếp nữa:
<meta content='true' name='MSSmartTagsPreventParsing'/>MSSmartTags mà phần mở rộng gây tranh cãi trên trình duyệt IE mà Microsoft đã đề xuất trước đây. Ý tưởng của nó là thế này: khi bạn truy cập một trang web, IE sẽ tự động scan các từ, cụm từ nhất định và làm nổi bật chúng rồi kết nối tới một mạng lưới website, mà ai cũng biết là cây nhà lá vườn MSN Advertisers (giống y như kiểu Infolinks). Do vậy, thẻ MSSmartTagsPreventParsing được sinh ra để ngăn chặn thứ dở hơi này, tuy vậy IE6 sẽ không thực hiện MSSmartTagsPreventParsing.
<link href='favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>Dòng này chắc chắn là link Favicon của Blogger
<link href='...' rel='canonical'/>Trước hết thì ta phải hiểu một canonical page là gì, nó là một trang trong website mà được ưu tiên trong số nhiều trang khác mà có nội dung gần giống nhau. Ví dụ như một trang bán hàng liệt kê một lô sản phẩm cùng loại chẳng hạn, nó có thể được liệt kê theo giá hoặc theo alphabe nhưng nhìn chung đều có nội dung là "mặt hàng này". Thuật toán của Google sẽ lựa chọn một trang được coi là tốt nhất để index. Người làm web có thể chỉ định một page trong website của mình là một trang được ưu tiên trong số nhiều trang có cùng nội dung bằng cách thêm rel='canonical' và trang đó sẽ được ưu tiên trong kết quả tìm kiếm trên Google. Thật may mắn là thuộc tính canonical này được tự động chèn vào link Blogger.
<link rel='alternate' type='application/atom+xml' title='Atom' href='/feeds/posts/default' />
<link rel='alternate' type='application/rss+xml" title='RSS' href='/feeds/posts/default?alt=rss' />Hai dòng này qui định địa chỉ RSS và Atom của blog
<link rel='openid.server' href='http://www.blogger.com/openid-server.g' />Đây là link mà Blogger dùng để xác nhận OpenID dựa theo link blog
Hai dòng cuối cùng:
<link rel='service.post' type='application/atom+xml' title='Atom' href='http://www.blogger.com/feeds/.../posts/default' />
<link rel='EditURI' type='application/rsd+xml' title='RSD' href='http://www.blogger.com/rsd.g?blogID=...' />Hai link này để chỉ đích cho các ứng dụng Atom, giúp các ứng dụng của hãng thứ 3 xác định được Atom API để khai thác, chúng cũng là một thành phần của head-tag nhưng không thuộc meta tag
Ngoài ra, trong head content bạn có thể thấy một số đoạn script như thế này:
<script type='text/javascript'>(function() { var a=window;function ....attachEvent('onscroll',k);})();</script>Script này qui định feed link cho phần comment của Blogger, nếu không có nó thì tiện ích Recent Comments sẽ không hoạt động, và không có avatar trong phần comment của blog.
<link rel='stylesheet' type='text/css' href='http://www.blogger.com/dyn-css/authorization.css...'/>Nếu thiếu cái này thì không thể sử dụng tính năng chỉnh sửa nhanh trên blog khi đăng nhập bằng tài khoản admin.
<!--[if IE]> <script> (function() { var html5 = ...</script> <![endif]-->Đoạn script này thì chủ blog cũng không biết nó có tác dụng gì (ai biết thì giải thích hộ)
Trên là toàn bộ các Meta Tags sẽ xuất hiện trong phần head của blogspot khi view source code. Có một số thủ thuật về SEO mà áp dụng được trên các thẻ meta này, có lẽ sẽ có thêm một bài về vấn đề này trong thời gian tới.
Về tác giả
Noct là một Blogger, anh ta có niềm đam mê đặc biệt với Blogspot và muốn chia sẻ những kinh nghiệm của mình với cộng đồng.
21 comments
Hay qúa. Mày mò với blogspot cũng khá lâu nhưng giờ mới đọc một bài giới thiệu các thẻ meta hay như vậy (thật tình).
Theo bạn chèn thẻ meta như thế nào là lợi nhất (hỗ trợ cho SEO tốt), mình gặp ai chỉ gì thì làm đó ko biết thế nào cả.
Bạn cứ để kiểu mặc định của Blogger là ngon rồi :D, và đúng là ta có thể chèn thêm một số thẻ Meta để SEO tốt hơn. Để hôm nào rãnh mình viết thêm một bài về Meta nữa =d>
Mình mới đọc về SEO trên Bloggerbuster. Họ bảo chẳng cần quan tâm đến meta tag các bác à. Đau cái đầu. b-(
Vì họ nổi tiếng quá rồi cần gì quan tâm tới SEO b-(
Ặc, bác Noct cũng bắt đầu hơi nổi rồi, thôi bỏ luôn mấy cái meta đi vậy, :D.
Em thử test 1 trong số mấy cái Meta tag đó thì Avatar trong Comment ko hiển thị :D
Cùng với các thẻ meta một số blogger còn quan tâm tới thẻ h1, h2, h3 trong code nữa. Tuy nhiên có nhiều ý kiến trái chiều nhau về cách dùng các thẻ này.
Dạo này đang có trào lưu dùng h1 cho tiêu đề bài , h2 cho widget và h3 cho tiêu đề blog =))
Thấy cách đó cũng tốt :D
SEO còn nhiều thứ nữa, mấy cái code em nghĩ chỉ một phần (khoảng 20 %). :-?
Hi Noct, cậu viết bài được đấy. Cố lên nhé. Tớ cũng là Noct mà tệ quá, chắc học hỏi cậu nhiều nè.
Noct an tâm đi, Huỳnh Nhật Hà tớ đã có thủ thuật ban người bình luận giả mạo rồi. Sắp ra lò rồi, mọi người sẽ không bị như thế nữa đâu ha ha.
Mạo danh kiểu gì mà ngu xuẩn thế kia, ko có Avatar ko có profile =))
Nếu ai ghi tôi vào cũng thành admin của Noct Blog thì Blogspot loạn mất :->
Tôi mà đi giả mạo người khác thì admin của trang đó cũng ko phân biệt được đâu.
He he, đố ai mà comment có profile có avatar được đấy! Bên Wordpress còn được chứ bên Blogger thì mơ các bác nhé!
Vì vậy, comment nào mà không có icon của bác Noct là em phải coi lại à! Em thì luôn comment băng Google account bác Noct nha! Bên em cũng đang...! :((
Tớ đã làm xong cái TUT chống giả mạo Admin rồi. Mạo người qua xem góp ý nha.
Hay bác tiến Nguyễn bắn cái link qua đọc mà hiểu được chết liền , Meta SEO mình không hiểu chút nào nên đụng đến thằng này là mình rối, từ từ học thêm mới được,
Bác Noct có thể cho em một đoạn code meta nó cụ thể chút không? bac giới thiệu vậy thì như bác hà bác tiến nhìn cái hiểu liền gà như em sao hiểu? làm như bác hà vậy em rinh nguyên cụm về quất vào là song, chứ bây giờ bác nói vậy em không biết cái nào trước cái nào sau, hồi trước em không biết nên view source của thằng star,zing em tống đầu nó vào chứ đặt description với keywords sao cho ăn tiền em cũng lúng túng kakakakak... cám ơn bác trước..!
Có một số thủ thuật về SEO thẻ Meta cho blogspot có thể tìm được trên Google, ở đây cũng có một bài về Meta nữa, xem bài đăng liên quan nhé :D
Giới thiệu thêm bài này luôn.
Cám ơn bác nhưng cái của bác rùa biển thì cũng tương tự như của bác Hà, mà bác hà gom nó lại thấy dễ hiểu hơn, cái này của bác rùa em đã đọc rồi, Blogger có hai phần em bi' là Meta là comments em thua hai phần này...!
mình cũng đã lấy code thẻ meta seo của bác nào ấy.
hok bít có chuẩn hok nữa.hi..
đã áp dụng cho blog của mình.keke..
Mến chào anh Noct!
Theo em được biết thì thẻ
Thẻ này dùng để fix các lỗi hiện thị trên trình duyệt IE!
Ví dụ:
Em dùng đoạn này để fix lỗi hiện thị ảnh, javascrip, ...
< script type="text/javascript" src="http://tenmiencuaban.com/double-ie-fix.js"> < /script >
Em thấy là vậy ạ
Cảm ơn anh về bài viết hay và ý nghĩa
Cảm ơn, bài viết quá tuyệt vời. Em đã học nhiều thứ từ những thẻ này.
Đăng nhận xét
- Không chèn liên kết quảng cáo khi đăng nhận xét.
- Nội dung nên liên quan tới chủ đề của bài.
- Use English if you do not understand what we are talking about.
Chèn Emoticons