Blog tự học seo căn bản

Thứ Năm, 18 tháng 8, 2016

Cách tạo blogspot chuẩn seo

✔ Đỗ Mạnh Hồng 08:00 1 Comment

Cách tạo blogspot chuẩn seo luôn là một dấu chấm hỏi lớn đặc ra dành cho newbi họ đọc khá nhiều bài viết về vấn đề này trong khi những bài viết hướng dẫn không hoàn toàn giống nhau làm họ phân vâng trong quá trình cài đặt.

Việc tiếp xúc và tự học seo với blogspot như tôi đã nói là lợi thế tuy nhiên làm theo những bước dưới đây để bạn có thể dễ dàng hơn trong quá trình chinh phục bác google.

Chúng ta bắt đầu cách tạo blogspot chuẩn seo nhé

Để tạo blog đầu tiên bạn cần truy cập vào trang

https://www.blogger.com

Tại đây bạn sẽ nhìn thấy như hình

- Click Blog Mới
- Tiếp tục bạn điền tiêu đề và địa chỉ blog (tiêu đề và và địa chỉ blog sau này có thể đổi được). Khuyến nghị nên đặt tiêu đề và địa chỉ blog chứa từ khóa cần seo nhé các bạn, Ví dụ tôi là hồng thích làm seo thì địa chỉ blog của tôi là "hongloveseo" và một blog chia sẻ kiến thức seo cho newbi tôi đặt tiêu đề là Blog tự học seo căn bản.

Cách tạo blogspot chuẩn seo gần như đã hoàn thành bây giờ bạn click vào nút Tạo Blog nữa là xong tiếp đến bạn được chuyển sang trang tổng quan của nơi quảng trị Blogger chắc bạn đang bỡ ngỡ với dãy menu ở bên phải đúng không nào. Và chức năng của nó sẽ là

Tổng quan : Phần hiển thị tổng số lượt xem tất cả bài viết trên blog của bạn
Bài đăng: Phần quản trị các bài đăng mà bạn đăng (như thêm,sửa ,xóa hoặc hoàn nguyên về bản nháp )
Trang : Là phần quản lý các trang trên blog của bạn
Nhận xét: Phần quản trị các nhận xét trên blog của bạn
Google + : Phần bạn bật tắt chức năng chia sẻ bài viết trên trang G+ của bạn
Thống kê: là phẩn quản lý chi tiết về các lượt truy cập trên blog của bạn
Bố Cục: Là phần chỉnh sửa bố cục blog (thêm, xóa,sửa các tiện ích trên blogspot)
Mẫu: Phần chỉnh sửa sao lưu, tải code blog của bạn (Phần này à phần liên quan đến việc bạn thay đổi giao diện blog)
Cài đặt: Là phần thay đổi 1 số chức năng như: Tiêu đề blog, môt tả blog,quản lý site map,ngôn ngữ, sao lưu dữ liệu ,xóa blog .....

Bây giờ bạn hãy tự mình làm quen với giao diện này nhé xong rồi thì hãy tham khảo bài viết thủ thuật blogspot cho dân tự học seo để hiểu hơn về Blogger nha.

Blogger Kiến thức seo Onpage SEO SEO Blogspot Thủ Thuật Blogspot Tự học seo

Thủ thuật blogspot mới cho dân tự học seo

✔ Đỗ Mạnh Hồng 05:24 2 Comments

Thủ thuật blogspot mới cho dân tự học seo từ A tới Z chia sẻ bởi Mr Hồng

Blogger một mã nguồn mở cho phép bạn seo và thực hành mọi thao tác như một website thực thụ hoàn toàn miễn phí. Không còn điều gì thú vị hơn tự học seo trên một nền tản được cho là đứa con google và đặc biệt hơn là có thể tạo một website cá nhân free cho riêng mình.

Qua đây với bài viết chia sẻ thủ thuật blogpsot cho dân tự học seo này tôi nói lên một chút kinh nghiệm cũng đã thành công với nền tản blogger này và đạt một số kết quả tốt trên google search. Và bài hướng dẫn của tôi gồm vài bước đơn giản sau :

- Chọn templates
- Chỉnh sửa mô tả, keywords, tiêu đề
- Breadcrumbs seo thân thiện cho blogspot
- Robots.txt

Vậy bây giờ chúng ta bắt đầu nhé

1. Chọn templates cho blogspot

Chọn templates cho blogpsot không những là bộ mặt của website nhưng đừng vì thế mà chọn một mẫu có cấu trúc quá phức tạp khiến bạn mới tự học seo rất khó để lên top. Theo cá nhân tôi bạn nên chọn những mẫu có 2 cột cổ điển để bắt đầu nhé.

Có thể tìm chúng tại http://www.share123bloggertemplates.com/

2. Chỉnh sửa mô tả, keywords, tiêu đề cho blogspot

Theo mặt định thì các thẻ này trên blogspot không thân thiện cho seo nên việc này bạn cần phải làm ngay trước khi bắt đầu tự học seo nhé.

Để làm việc này bạn cần vào Mẫu > Chỉnh sửa HTML tìm đến thẻ </head> thêm đoạn code sau bên dưới nó

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Hồng Love SEO </title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Mô tả.' name='description'/>
<meta content='Từ khóa 1, Từ Khóa 2, Từ Khóa 3.' name='keywords'/>
<meta content='Admin' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Vietnamese' name='geo.placename'/>
</b:if>

Chỉnh sửa lại những phần mình đã bôi đỏ cho hợp lý nhé.
Lưu ý : Nếu blog của bạn đã có đoạn tương tự thì không cần thêm hoặc loại bỏ đoạn code cũ trước khi làm việc này nhé.

3. Breadcrumbs seo thân thiện cho blogspot

4. Robots.txt cho blogpsot

Robots.txt cho blogspot thì tùy mỗi người dùng 1 kiểu cái nào hiệu quả thì mình dùng nhưng dưới đây là 2 mẫu robots.txt mà tôi hay dùng nhất

a. Robots.txt dành cho bạn muốn seo trang Label (Label là trang nhãn)

User-agent: *
Disallow: /*?updated-max=*
Disallow: *archive.html
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=

b. Robots.txt dành cho bạn không muốn seo Label

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html

Như vậy là các bạn đã hoàn thành những thủ thuật blogspot cho dân tự học seo mà mình đã chia sẻ, mình sẽ cập nhật thêm khi có những thủ thuật seo mới nhé.

Thứ Tư, 17 tháng 8, 2016

Blogger Kiến thức seo SEO Blogspot Thủ Thuật Blogspot Tự học seo

Seo liên kết thông minh ứng dụng trên blogpsot

✔ Đỗ Mạnh Hồng 10:23 Comment

Seo liên kết thông minh là một plugin WordPress được viết lại nhằm phục vụ việc seo blogpsot một bước ngoặc giúp các bạn bớt nhọc hơn trong việc tạo liên kết nội bộ trong bài viết của mình nhé các bạn tự học seo.

Seo liên kết thông minh ứng dụng trên blogpsot

Seo liến kết thông minh hoạt động như thế nào?

Tiện ích này sẽ tự động tìm đến từ khóa định sẵn và chèn liên kết đã được cấu hình trong bài viết sau khi các bạn xuất bản và nó sẽ chỉ chèn 1 từ duy nhất hạn viết việc spam link.

>> Breadcrumbs seo thân thiện cho blogspot

Làm sao để thêm seo liên kết thông minh trong blogspot?

Nó là khá đơn giản các bạn chỉ việc vào templates blogspot của mình ở mục Bogger > Mẫu > Chỉnh sửa HTML và thêm đoạn javascript này trên thẻ </body>

<script type='text/javascript'>
function smartLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != " "){keyword = " " + keyword;}
this.keywdHref[keyword] = href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName("div");
for(var i=0; i<objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf("post-body")>-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, "<a href='"+href+"'>"+keyword+"</a>", "gi");
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout("f.createAnchor()", 100);
}
}
}
</script>
<script type='text/javascript'>
var f = new smartLink();
f.add("SEO", "http://hongloveseo.blogspot.com/");
f.startScript();
</script>

>> Thủ thuật blogspot cho dân tự học seo

Trong đó phần mình bôi đỏ là từ khóa và link được trỏ vào từ khóa này một cách tự động nếu như các bạn muốn thêm nhiều từ khóa hơn thì chỉnh sửa như sau :

f.add("SEO", "http://hongloveseo.blogspot.com/");
f.add("Template", "http://hongloveseo.blogspot.com/");
f.add("Blogger", "http://hongloveseo.blogspot.com/");

Các bạn có thể thêm nhiều hơn nhưng tôi nghĩ 3 là hợp lý nhé hạn chế lạm dụng tiện ích này nha. Sau đó tiến hành lưu mẫu lại và kiểm tra kết quả nhé một thủ thuật blogpsot tuyệt vời đấy.

Blogger Kiến thức seo SEO Blogspot Thủ Thuật Blogspot Tự học seo

Breadcrumbs seo thân thiện cho blogspot

✔ Đỗ Mạnh Hồng 10:02 Comment

Breadcrumbs seo thân thiện cho blogspot là một dạng menu điều hướng nằm trên tiêu đề bài viết cho blog hoặc website. Nó gồm các thành phần liên kết đến trang chủ, danh mục, sau đó là đến các trang bài viết. Breadcrumbs đối với tôi là một yếu tố quan trọng trong việc tự học seo bởi vì nó giúp tôi thông báo cho người đọc biết là họ đang ở đâu, bài viết họ đang theo dõi nằm trong lĩnh vực nào.

Breadcrumbs seo thân thiện cho blogspot

>> seo liên kết thông minh trong blogspot

Breadcrumbs được tôi chia sẻ dưới đây tôi nghĩ là thân thiện cho seo nhưng tôi nghĩ mẫu Breadcrumbs seo thân thiện này là phù hợp giúp google lập chỉ mục nhanh chóng cho blog của bạn bởi lẽ nó chuẩn HTML5.

Breadcrumbs seo thân thiện cho blogspot

4 bước để bạn có mẫu Breadcrumbs seo thân thiện cho blogspot ấn tượng
1. Tới Blogger > Mẫu > Chỉnh sữa HTML thêm CSS sau trên ]]></b:skin> hoặc trên </style>

/* Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea;}
.breadcrumbs a:hover,.post-info a:hover {color:#454545;}

2. Bạn tìm đến được đoạn code này

<b:includable id='main' var='top'>...</b:includable>

3. Thêm đoạn mã breadcrumbs vừa tìm được trên đoạn mã ở bước 2

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
/ <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?max-results=5"' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
/ <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

4. Lưu mẫu lại và bạn hãy thử check với https://search.google.com/structured-data/testing-tool tôi nghĩ và tin chắc rằng bạn sẽ hài lòng với điều này đấy.

Xem thêm : Thủ thuật blogspot cho dân tự học seo