7 điều phải nhớ khi thiết kế Website thương mại điện tử

Nếu bạn có ý định kinh doanh, thì việc sở hữu một website thương mại điện tử sẽ giúp việc bán hàng được tiến triển nhanh nhất. Tuy nhiên điều này cũng tạo nên một số thách thức. Trước tiên đó là bạn phải luôn đảm bảo để khách hàng có thể mua hàng bất cứ khi nào họ muốn một cách tự động. Ngoài ra, những thông tin tài chính khách hàng cung cấp trước khi mua hàng cũng cần phải được bảo mật nghiêm ngặt.

Nguồn: hagios.in

Bởi vì những thách thức nói trên, bạn sẽ phải đặc biệt chú ý khi thiết kế website thương mại điện tử phục vụ việc kinh doanh của doanh nghiệp mình. Dưới đây là những yếu tố quan trọng cần xem xét trong quá trình thiết kế web.
1. Ngân sách
Ngân sách sẽ quyết định chất lượng của việc thiết kế website. Một người thiết kế web chuyên nghiệp sẽ cần nhiều chi phí hơn và bạn phải dành ngân sách phù hợp cho họ.

Nguồn: Internet

Để có một trang web thương mại điện tử tốt, bạn cần phải lựa chọn tên miền, host, các plug-ins và nền tảng phù hợp giữa vô số nhà cung cấp và đối tác. Chi phí cho những thứ này cũng khá tốn kém nên bạn cũng cần có kế hoạch tài chính cụ thể cho nó.
Bạn cũng có những lựa chọn designer và phần mềm hỗ trợ rẻ hơn, nhưng chất lượng của sản phẩm cuối cùng có thể sẽ không tốt như mong đợi.
2. Tính tùy biến của thiết kế
Ngày càng có nhiều người truy cập các trang thương mại điện tử qua thiết bị di động như smartphone và máy tính bảng. Bên cạnh đó, số người truy cập bằng máy tính để bàn hay laptop cũng không nhỏ.

Nguồn: livetriviawithmichael.com

Chính vì thế, trang của bạn phải được thiết kế tùy biến (responsive) để có thể phù hợp với các thiết bị và nền tảng khác nhau. Mọi người có thể dễ dàng truy cập dù bằng máy tính hay thiết bị di động mà không gây ra bất cứ ảnh hưởng nào về trải nghiệm trên trang và chất lượng thông tin được cung cấp.
3. Khả năng thanh toán
Chẳng có gì sai trái khi yêu cầu mọi người đăng kí tài khoản trên website thương mại điện tử của bạn, ngược lại điều này đáng được khuyến khích. Bạn có thể sử dụng thông tin họ cung cấp để gửi thông tin quảng bá về các sản phẩm, khuyến mại mới. Hãy cung cấp những thông tin đáng mong chờ nhất và khách hàng cũng có thể từ chối nó nếu họ không muốn nhận.
Tuy nhiên, không phải mọi khách hàng đều muốn mua hàng bằng những phương thức phổ biến. Vì thế, bạn cũng nên cung cấp nhiều phương thức thanh toán khác nhau trên website để giúp cho khách hàng cả những người đã có tài khoản hay chưa có đều có thể mua sắm một cách dễ dàng, thuận tiện.
Nếu bạn không tích hợp nhiều phương thức thanh toán, bạn sẽ có thể mất các khách hàng mua sắm một lần. Trong kinh doanh, mỗi khách hàng đều đáng giá và cần được trân trọng.
4. Điều hướng trang và khả năng truy cập
Một website thương mại điện tử phải có khả năng điều hướng. Hãy cân nhắc về việc tích hợp chức năng tìm kiếm và bộ lọc trên trang để có thể sắp xếp các thông tin dựa trên kiểu dáng, giá cả, kích thước, v.v.

Nguồn: Internet

Các thông tin về sản phẩm đều phải thật rõ ràng. Bạn nên sử dụng các font chữ đơn giản, tiêu đề chính và tiêu đề phụ nên được bôi đậm, đi kèm các hình ảnh minh họa chất lượng và nút kêu gọi hành động mua hàng thật nổi bật.
5. Giao diện web
Giao diện web có tác động lớn đến cảm nhận của khách hàng tiềm năng đối với doanh nghiệp của bạn.
Để có thêm kinh nghiệm về điều này, bạn hãy dành thời gian dạo quanh mua sắm trên các trang hoặc nền tảng tốt nhất trên thị trường. Thêm vào đó, hình ảnh của sản phẩm trên website cũng cần được nén ở dung lượng vừa phải để giảm thời gian tải trang. Thời gian tải trang chậm có thể gây ảnh hưởng đến quyết định mua hàng của khách hàng.
6. Chất lượng nội dung
Bạn cũng nên đầu tư cho chất lượng những nội dung được đăng tải. Các mô tả sản phẩm nên được cập nhật thường xuyên và đúng vấn đề, cũng có thể kèm thêm hình ảnh hoặc video trong đó. Bất cứ nội dung nào trên website cũng nên được tối ưu cho SEO và giúp cho khách hàng dễ dàng tìm thấy thứ họ đang cần.

Nguồn: Internet

Cũng có thể thêm vào các phản hồi, nhận xét của khách hàng về sản phẩm ở trên trang, điều này sẽ tác động tới quyết định mua hàng của khách hàng tiềm năng một cách trực quan hơn những kỹ thuật marketing khác.
7. Bảo mật
Website của bạn phải có hệ thống an ninh chặt chẽ để đảm bảo nó luôn được bảo mật, thông tin của khách hàng không bị đánh cắp bởi các hackers. Trách nhiệm của bạn là bảo vệ thông tin khách hàng và giúp cho việc kinh doanh cũng như doanh nghiệp của bạn bị gián đoạn hay gặp phải những sự cố không đáng có.

Nguồn: Internet

Hãy dành thời gian xem xét những yêu tố trên trước khi bạn xây dựng một website thương mại điện tử tốt nhất cho doanh nghiệp mình.
Bạn hãy dành thời gian xem xét tất cả yếu tố trên và tìm kiếm một người phát triển web phù hợp để thiết kế nên trang web tốt nhất cho công việc kinh doanh của bạn. Nếu bạn thiết kế trang web thương mại điện tử đúng ngay từ đầu, bạn sẽ không bao giờ phải lo lắng thêm về nó nữa.
Nếu bạn đang cần người thiết kế hoặc lập trình website giỏi nhất, hãy liên hệ ngay 0968 870 456.

Nguồn: Thuê Ngay

Xem Thêm

Chia sẻ template website bất động sản

Giá: 3.000.000 đ

Website giới thiệu sản phẩm mộc pallet bàn ghế giá rẻ, bạt kéo tốt.

Live Demo Mua Ngay

Các chức năng chính:

1. thêm các bài viết.
2. Cập nhật hình ảnh
4. Tối ưu hóa SEO.
5. Kết nối mạng xã hội.
6.Form tìm kiếm thông tin.
7. vị trí đặt quảng cáo.
8. form hỗ trợ online.
9....

Hãy liên hệ với chúng tôi khi bạn có nhu cầu về trang website này.

Ưu đãi cực sóc:

   - Miễn phí tên miền .com hoặc .net.

   - Miễn phí hosting 1 năm sử dụng.

   - Miễn phí cài đặt.

   - Database có sẵn (email khách hàng, sđt,địa chỉ.... tin đăng của khách)

Liên hệ Ngay: 0968 870 456 Ngay hôm nay để sở hữu ngay một Website này

Xem Thêm

Sửa lỗi blogspot(Blogger) không hiển thị ảnh trên Google Chrome

Vào một ngày đẹp trời bạn truy cập blogspot (Blogger) của mình trên trình duyệt Google chrome nhưng thật bất ngờ các ảnh đều không hiển thị vậy phải sửa thế nào? Sau đây mình xin hướng dẫn Sửa lỗi blogspot(Blogger) không hiển thị được ảnh trên Google Chrome,

 Khắc phục lỗi không hiển thị hình ảnh trên Blogspot, Fix lỗi không hiển thị hình ảnh khi VNPT chặn blogspot, lỗi blogspot mất ảnh khi bị chặn

• VNPT có đưa ra bản thông báo rằng:'' để đảm bảo quyền lợi của khách hàng sử dụng mạng VNPT khỏi các blog xấu thì từ ngày 20/3/2015 VNPT chính thức chặn tên miền blogspot.com hay tất cả các domain link chứa blogspot.com đều bị chặn...'' 
• Để khắc phục tình trạng blogspot không hiển thị hình ảnh này, trên mạng đã hướng dẫn một số thủ thuật như thay đổi DNS hay gắn tên miền mới. Tuy nhiên không phải ai cũng biết thay đổi DNS (bạn sẽ mất một lượng lớn người truy cập), còn việc gắn tên miền mới thì vẫn sử dụng ảnh upload có đuôi bp.blogspot.com nên hình ảnh đương nhiên sẽ bị chặn.

Vậy đâu là lối thoát cho người dùng Blogger ? Vâng, với một thủ thuật đơn giản sau đây, hình ảnh sẽ được hiển thị dù bị nhà mạng chặn

Cách 1: Chỉnh sửa thủ công

• Khi upload ảnh lên bài viết, link ảnh sẽ có dạng *.bp.blogspot.com, bạn chỉ cần chuyển bài viết qua chế độ HTML rồi sửa link đó thành lh4.googleusercontent.com hoặc lh4.ggpht.com

Cách 2: Chỉnh sửa tự động sử dụng Javascript

• Chỉ với một đoạn code ngắn, nó sẽ tự động thay thế link ảnh, bạn sẽ không cần ngồi sửa thủ công từng bài một.
• Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
• Chèn đoạn code này vào trước thẻ </body> rồi Lưu mẫu lại

<script type='text/javascript'>
//<![CDATA[
var images = document.getElementsByTagName("img");
for(var i=0;i<images.length;i++) {
images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com");
}
//]]>
</script>

Cách 3: Chỉnh sửa tự động sử dụng JQuery

• Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
• Chèn đoạn code dưới vào trước thẻ </body> rồi Lưu mẫu lại

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type='text/javascript'>
//<![CDATA[
$("body img").each(function () {$(this).attr("src", $(this).attr("src").replace(/\/[0-9]+(\.bp\.blogspot)?/, "/lh4.googleusercontent")) });
//]]>
</script>

• Nếu blog của bạn đã có thư viện JQuery thì hãy xóa dòng <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Chúc các bạn Sửa lỗi blogspot(Blogger) không hiển thị được ảnh trên Google Chrome thành công nhé !

Xem Thêm

Template website bán sách tranhtomau4d.top

Giá: 1.500.000 đ

Website giới thiệu sản phẩm sách tô màu 4d thực tế ảo.

Live Demo Mua Ngay

Các chức năng chính:

1. thêm các bài viết.
3. Cập nhật hình ảnh
4. Tối ưu hóa SEO.
5. Kết nối mạng xã hội.
6.Form tìm kiếm thông tin
8. ...

Hãy liên hệ với chúng tôi khi bạn có nhu cầu về trang website này.

Ưu đãi cực sóc:

   - Miễn phí tên miền .com hoặc .net.

   - Miễn phí hosting 1 năm sử dụng.

   - Miễn phí cài đặt.

   - Database có sẵn (email khách hàng, sđt,địa chỉ.... tin đăng của khách)

Liên hệ Ngay: 0968 870 456 Ngay hôm nay để sở hữu ngay một Website này

Xem Thêm

Hướng dẫn tạo sitemap cho blogger

Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.

Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tìm đến mục submit sitemap và làm theo hướng dẫn bên dưới và thêm đoạn mã sau vào ô text : 

atom.xml?redirect=false&start-index=1&max-results=500

1. Đăng nhập vào Google Webmaster Tools với tài khoản Google của bạn.
2. Tại tab bên trái bảng điều khiển => Tối ưu hóa (hoặc thu thập dữ liệu) => Sơ đồ trang web (Xem hình dưới) để cài site map.
3.Bấm nút Thêm/Kiểm tra sơ đồ trang web góc trái (nút màu đỏ)





4.Một của sổ Popup xuất hiện bạn dán đoạn code lấy theo RSS của Google vào:

atom.xml?redirect=false&start-index=1&max-results=500 

Sau đó bấm chọn gửi sơ đồ trang web



Như thế là bạn đã tạo sitemap blogspot cho google rồi

Đối với người dùng, các bạn cần tạo một sơ đồ trang web thân thiện hơn :

Đề làm được điều đó các bạn hãy tạo một trang mới trong Blog của mình và đặt cho nó một cái tên như sitemap hay sơ đồ trang.

Sau đó các bạn chuyển sang chế độ HTML trong trang mới đó và chèn đoạn code sau :

<script src='https://my-server-film.googlecode.com/files/tohaitrieu.net-sitemap.js'> </script> <script style='text/javascript'> var numposts = 999; var showpostthumbnails = true; var displayseparator = true; </script> <script src="http://danlamweb.blogspot.com//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script>

Thay http://danlamweb.blogspot.com/ bằng link trang web của bạn

Lưu lại và kiểm tra kết quả.

Trên đây là Hướng dẫn tạo sitemap cho blogspot. Nếu gặp bất kỳ khó khăn hay vướng mắc nào khi tạo sitemap cho blogspot, đừng ngần ngại email cho mình, mình sẽ hỗ trợ bạn trong thời gian sớm nhất.

Xem Thêm

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

Thủ thuật blogspot cho dân tự học SEO từ A đến Z nhé

Khi bạn mới bắt đầu học SEO tốt nhất là bạn nên bắt đầu từ 1 blog (Ở đây mình giới thiệu với bạn blogspot nhé). Đơn giản là vì bạn chưa biết nhiều về SEO bạn có thể sử dụng blog để thử nghiệm những cái mình học. Blogspot miễn phí host, miễn phí tên miền và nếu thành công site bạn lên top bạn vẫn có thể bán được hàng và có thể dùng blog này làm site vệ tinh (Khi học SEO bạn sẽ hiểu thế nào là site vệ tinh), Còn nếu thất bại thì bạn yên tâm vì nó chẳng ảnh hưởng gì đến website chính của bạn.

Tuy nhiên nếu bạn học và làm theo đúng một quy trình SEO đồng thời áp dụng những cách tối ưu hóa cho blospot này thì không gì có thể ngăn cản site bạn lên TOP.

Bài hướng dẫn tối ưu hóa cho blogspot cho dân tự học SEO của mình bao gồm:

- Cách chọn template.

- Cách tối ưu các thẻ Title - Meta Description - Meta Keywords cho blogspot

- Tối ưu thẻ H1, H2, H3 cho blogspot

- Tối ưu file Robots.txt cho blogspot

- Chỉnh URL thân thiện cho blogspot

- Tạo Breadcrumbs cho Blogspot.

- Tạo tin tức liên quan cho từng bài viết.

- Tạo sitemap cho Blogspot.

- Tối ưu hình ảnh cho Blogspot

1. Chọn template cho blogspot.

Template là một trong những yếu tố quan trọng khi sử dụng Blogspot, một template tốt không những đẹp mà còn phải có cấu trúc hợp lý. Như thế sẽ giúp quá trình SEO của các bạn dễ dàng hơn rất nhiều.

Một số trang web chuyên cung cấp Template cho Blogger:

-   http://btemplates.com (kho template đồ sộ nhất)

-   http://www.premiumbloggertemplates.com (nhiều template "độc")

-  http://besttheme.net (cung cấp nhiều template cực đẹp được convert từ wordpress)

-   http://www.deluxetemplates.net (thư viện template minimalist)

-   http://www.zoomtemplate.com

Theo kinh nghiệm của cá nhân mình, các bạn nên chọn loại template có 2 cột, bên trái là bài viết, bên phải là các widget : bài viết mới, comment mới, … Đây là dạng template thông dụng và thân thiện với người dùng.

Khi chọn Template cho blogspot bạn nên giới hạn thời gian lựa chọn đừng để bị sa lầy vào vệc chọn Template quá nhiều nhé.

2. Cách tối ưu hóa các thẻ Title - Meta Description - Meta Keywwords cho Blogspot

a. Tối ưu hóa thẻ Title cho blogspot

Thông thường khi bạn viết một bài mới thì <title> bài viết của bạn sẽ có dạng : Tiêu đề Blog: Tiêu đề bài viết

Tuy nhiên, để tiện cho việc SEO bài viết sau này, các bạn hãy đưa tiêu đề bài viết lên phía trước. 

Ví dụ : Tiêu đề bài viết | Tiêu đề Blog

Để làm được điều này các bạn tìm tới đoạn code :

<title><data:blog.pageTitle/></title>

Và sửa lại thành :

<b:if cond=’data:blog.pageType == “item”‘>

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>

<title><data:blog.pageTitle/></title>

</b:if>

b. Thủ thuật tối ưu hóa thẻ meta keyword và meta description cho blogspot

Để chỉnh sửa các thẻ meta keyword và meta description nhằm tối ưu hóa cho blogspot các bạn tìm đoạn code sau :

<meta name=”description” content=”" />

<meta name=”keywords” content=”" />

Và sửa thành :

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

<meta name=”description” content=”Mô tả blog” />

<meta name=”keywords” content=”Các từ khóa chính” />

</b:if>

Meta Description là thẻ mô tả tóm tắt nội dung của website, nội dung mô tả này được google hiển thị khi tìm kiếm là khoảng 160 ký tự. Tuy nhiên đối với trang kết quả tìm kiếm trên điện thoại, đoạn này chỉ hiện được tầm 120 ký tự.

Hiện nay Google không sử dụng thẻ keyword, chỉ còn Yahoo và Bing lấy dữ liệu trong thẻ này. Do đó để yên tâm thì bạn có thể cho vào, còn không cho cũng không sao cả.

3.  Thủ thuật tối ưu thẻ H1, H2, H3 cho blogspot

Chỉnh tiêu đề bài viết thành <h1>

Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng . Tìm đoạn code sau

<b:if cond=’data:post.title’>

<h3 class=’post-title’>

<b:if cond=’data:post.link’>

<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>

<b:else/>

<b:if cond=’data:blog.pageType != “item”‘>

<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

và sửa thành :

<b:if cond=’data:blog.pageType != “item”‘>

<b:if cond=’data:blog.pageType != “static_page”‘>

<b:if cond=’data:post.title’>

<h3 class=’post-title’>

<b:if cond=’data:post.link’>

<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>

<b:else/>

<b:if cond=’data:post.url’>

<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

<b:else/>

<h1 class=’post-title’>

<b:if cond=’data:post.link’>

<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h1>

</b:if>

<b:else/>

<h1 class=’post-title’>

<b:if cond=’data:post.link’>

<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h1>

</b:if>

Chỉnh sửa CSS cho thẻ <h1>, tìm đến dòng

.post h3 {…}

.post h3 a, .post h3 a:visited {…}

.post h3 a:hover {…}

và sửa thành

.post h1, .post h3 {…}

.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}

.post h1 a:hover, .post h3 a:hover {…}

Lưu lại và kiểm tra kết quả.

4. Tối ưu Robot.txt

- Có thể nói là nhiều bạn tạo blog nhưng đôi khi lại không quan tâm tới cái này. Để tối ưu tốt file này các bạn làm như sau:

B1: Đăng nhập blogspot
B2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt"
B3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt
B4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm 
B5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"
B6: Copy đoạn code dưới này vào khung nhập text và sau đó nhấp "lưu lại"

Code chuẩn robots.txt cho blogspot: 

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

Cái phần code Disallow: /search bạn có thể bỏ đi cũng được vì google bây giờ cho phép index cả trang Search Label này .

5. Thủ thuật blogspot khi chỉnh URL thân thiện.

Vậy nếu muốn có một URL thân thiện, chuẩn SEO thì ta phải làm sao?

Rất đơn giản để giải quyết cho hai trường hợp trên ta có thể dùng hai cách sau :

- Cách một : Khi viết một bài mới, ban đầu ta để tiêu đề không dấu với số kí tự vừa đủ để không bị rút ngắn URL và mất kí tự, sau đó xuất bản bài viết và quay lại chỉnh sửa tiêu đề trở thành có dấu.

- Cách hai : Sử dụng tính năng tùy chỉnh URL của Blogspot

Thủ thuật blogspot cho dân SEO

Với tính năng này bạn có thể tự do điều chỉnh URL của mình. Tuy nhiên cần lưu ý là tính năng này chỉ chỉnh được một lần, tức là sau khi xuất bản bài viết bạn không thể sửa lại URL. Vì vậy hãy cẩn thận khi sử dụng.

6. Tạo Breadcrumb cho Blogspot

Để tạo Breadcrumb cho Blogspot, các bạn vào chỉnh sửa HTML và chọn mở rộng tiện ích. Sau đó tìm đến đoạn code :

<b:includable id=’main’ var=’top’>

  <!– posts –>

  <div class=’blog-posts hfeed’>

    <b:include data=’top’ name=’status-message’/>

    <data:adStart/>

Và sửa thành :

<b:includable id=’main’ var=’top’>

  <!– posts –>

  <div class=’blog-posts hfeed’>

  <!– disable default status message

    <b:include data=’top’ name=’status-message’/>

  default status message disabled –>

    <b:include data=’posts’ name=’breadcrumb’/>

    <data:adStart/>

Sau đó tìm đến dòng :

<b:includable id=’main’ var=’top’>

Và thêm đoạn code sau vào trên nó :

<b:includable id=’breadcrumb’ var=’posts’>

  <b:if cond=’data:blog.homepageUrl == data:blog.url’>

  <!– No breadcrumb on front page –>

  <b:else/>

    <b:if cond=’data:blog.pageType == &quot;item&quot;’>

       <div class=’breadcrumbs’>

         Browse &#187;  <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a>

         <b:loop values=’data:posts’ var=’post’>

           <b:if cond=’data:post.labels’>

             <b:loop values=’data:post.labels’ var=’label’>

               <b:if cond=’data:label.isLast == &quot;true&quot;’> &#187;

                 <a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a>

               </b:if>

             </b:loop>

             &#187; <span><data:post.title/></span>

           </b:if>

         </b:loop>

       </div>

    <b:else/>

      <b:if cond=’data:blog.pageType == &quot;archive&quot;’>

        <div class=’breadcrumbs’>

          Browse &#187; <a expr:href=’data:blog.homepageUrl’>Home</a> &#187; Archives for <data:blog.pageName/>

        </div>

      <b:else/>

        <b:if cond=’data:blog.pageType == &quot;index&quot;’>

          <div class=’breadcrumbs’>

          <b:if cond=’data:blog.pageName == &quot;&quot;’>

            Browse &#187; <a expr:href=’data:blog.homepageUrl’>Home</a> &#187; All posts

          <b:else/>

            Browse &#187; <a expr:href=’data:blog.homepageUrl’>Home</a> &#187; Posts filed under <data:blog.pageName/>

          </b:if>

          </div>

        </b:if>

      </b:if>

    </b:if>

  </b:if>

</b:includable>

Tiếp theo chỉnh css cho phù hợp, ta tìm đến đoạn mã :  ]]></b:skin>

và thêm vào trước nó đoạn code sau :

.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

Lưu mẫu và kiểm tra kết quả nhé.

7. Tạo bài viết liên quan cho Blogspot

Đầu tiên ta tìm đến thẻ </head> và thêm vào trước nó đoạn code sau :

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<script type=”text/javascript”>

//<![CDATA[

var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel==”alternate”){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf(‘?m=0′);if(y!=-1){a=a.replace(/\?m=0/g,”)}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write(“<ul>”);if(titles.length==0){document.write(“<li>Không có bài viết liên quan</li>”)}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+’?m=0′}document.write(‘<li><a href=”‘+urls[c]+’” title=”‘+time[c].substring(8,10)+”/”+time[c].substring(5,7)+”/”+time[c].substring(0,4)+’”>’+titles[c]+”</a></li>”);if(c<titles.length-1){c++}else{c=0}b++}}document.write(“</ul>”);urls.splice(0,urls.length);titles.splice(0,titles.length)};

//]]>

</script>

</b:if>

Sau đó tìm đến dòng :

<div class=’post-footer’>

Và thêm đoạn code sau vào sau nó :

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<div id=’related-posts’>

<b>Bài viết liên quan:</b>

<b:loop values=’data:post.labels’ var=’label’>

<script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;’ type=’text/javascript’/>

</b:loop>

<script type=’text/javascript’>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(‘<data:post.url/>’);</script>

</div>

</b:if>

Lưu ý maxresult=5 chính là số tin liên quan được hiển thị, bạn có thể thay đổi thông số này.

8. Tạo Sitemap cho Blogspot

Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.

Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tỉm đến mục submit sitemap và thêm đoạn mã sau vào ô text : atom.xml?redirect=false&start-index=1&max-results=500

Đối với người dùng, các bạn cần tạo một sơ đồ thân thiện hơn. Bạn có thể tham khảo thêm tại đây:Hướng dẫn tạo Sitemap cho blogspot.

9. Thủ thật tối ưu hình ảnh trong bài viết

- Để tối ưu tốt hình ảnh mình nghĩ bạn nên down 1 ảnh đẹp rõ nét hợp với nội dung với bài viết để thân thiện với người đọc tên ảnh nên có chứa từ khóa bạn cần SEO 

- Tối ưu title và thẻ alt cho ảnh trong bài viết. Để tối ưu phần này bạn chỉ cần click chuột vào ảnh của bạn thấy chữ thuộc tính click vào đó rồi điền đầy đủ thông tin (Phần trên là tiêu đề ảnh - Phần dưới là phần mô tả ảnh Alt)

Mình sẽ tiếp tục update những Thủ thuật blogspot cho dân tự học SEO, các bạn chú ý đón xem nhé ^^

Sưu tầm

Xem Thêm

Cách tạo Blog Chuẩn SEO

Sau đây là tổng hợp các thủ thuật cần thiết để tạo blog chuẩn seo từ blogspot của google.

Blogspot là dịch vụ tạo blog miễn phí hàng đầu của Google. Chính vì là “con đẻ” của “gã khổng lồ” nên blogspot được thừa hưởng rất nhiều ưu đãi mà không có dịch vụ blog miễn phí nào có thể sánh bằng, blogspot đơn giản, dễ đăng ký, chỉnh sửa, giao diện tiếng việt thân thiệt, đẹp mắt, SEO tốt…

Với việc sở hữu một blogspot bạn hoàn toàn có thể "làm chủ" thế giới của mình: bạn có thể chia sẻ tình cảm, tâm trạng, nơi gặp gỡ bạn bè, chia sẻ những câu chuyện, hoặc thậm chí bạn có thể kiếm tiền online hoặc biến hóa 1 blog thành 1 shop bán hàng, trang web tin tức, thủ thuật, web xem phim, 1 wap game, web doanh nghiệp, kinh doanh dịch vụ .... mà hoàn toàn miễn phí.

Hướng dẫn cách tạo blogspot chuẩn SEO

- Để tạo blogspot chuẩn SEO trước tiên bạn cần có một tài khoản Gmail ( nó có dạng như là ceo.timdaily@gmail.com, ...@gmail.com, ***@gmail.com...) Nếu chưa có thì bạn hãy tạo một cái nhé.

-  Sau khi có một tài khoản gmail, bạn truy cập vào: http://blogger.com hoặc http://blogspot.com

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 1)

- Bạn click vào " Tiếp tục với blogger"

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 2)

- Click vào "Blog mới" để tạo .

- Bạn ghi tiêu đề và địa chỉ blog vào nhé (Tiêu đề blog có thể thay đổi sau này được).  Bạn nên tạo địa chỉ blog với tên và tiêu đề chứa từ khóa bạn muốn làm SEO. Ví dụ tôi muốn SEO từ khóa "Dân Làm Web" tôi sẽ đặt địa chỉ blogspot là http://danlamweb.blogspot.com/ hoặc ngochacute.blogspot.com như vậy sẽ tốt hơn khi bạn SEO từ khóa đó. Tiếp tục nhấn Tạo Blog!

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 3)

- Bắt đầu bước tiếp theo trong cách tạo blogspot chuẩn SEO là quản trị blog. Bạn click vào tên blog bạn vừa tạo ta sẽ được giao diện như hình dưới

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 4)

- Chức năng của từng mục

• Tổng quan : Phần hiển thị số lượt xem 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à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 .....

Cách thay đổi giao diện cho blogspot

Để thay đổi giao diện blogspot bạn có thể chọn 1 trong 2 cách sau: 

1. Chỉnh sửa mẫu HTML : nếu bạn chọn những teamplate đơn giản mà blogspot cung cấp. Bạn click chọn "Mẫu" =>> "Tùy chỉnh" tiến hành chỉnh sửa HTML đơn giản theo ý bạn (lưu ý: Để tạo blogspot chuẩn SEO bạn nên chọn mẫu càng đơn giản càng tốt để blog sáng sủa và load nhanh hơn)

- Hoặc bạn có thể vào đây: http://danlamweb..blogspot.com/ để chọn cho mình một cái teamplate yêu thích download về và giải nén nó.

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 5)

2. Tải mẫu mới cho blogspot (thay đổi giao diện blogspot theo teamplate yêu thích) bạn làm theo bước sau:  Đăng nhập blogspot ==> Chọn "Mẫu" ==> Nhìn trên góc phải Click vào Sao lưu/ Khôi phục  ==> Chọn tập tin (bạn chọn tập tin chứa code blogspot bạn đã tải về và giải nén, chú ý là file có đuôi là .xml  1 file thôi nhé) ==> Nhấn vào Tải lên để tải bộ code lên vậy là Ok

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 5)

Xem thêm:
>>> Hướng dẫn tạo sitemap cho blogspot
>>> Cách sửa lỗi sai Font chữ trong blogspot

Thêm bớt các tiện ích cho blogspot 

- Blogspot cung cấp rất nhiều tiện ích khác nhau: Tìm kiếm, dịch, ngày tháng, thống kế, Html/Javascript (để nhúng code),...

- Bạn quay về phần thiết kế blog = > chọn mục Bố cục => ở đây bạn có thể sắp xếp bố cục thêm bớt các tiện ích một cách thoải mái để tạo 1 blogspot chuẩn SEO.

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 7)

 Đăng bài mới trong blogspot 

Bạn chỉ cần click vào mục "Bài đăng mới" hoặc biểu tượng cây viết ở góc phải là ok.

Hướng dẫn tạo blogspot chuẩn SEO (Ảnh minh học 8)

Vậy là các bạn đã tạo được 1 blog cho chính mình rồi. Tiếp theo nên tham khảo bài viết:  Thủ thuật blogspost cho dân tự học SEO để tối ưu hóa cho website của mình nhé.

Nếu gặp bất kỳ khó khăn hay vướng mắc nào khi áp dung thủ thuật này, đừng ngần ngại email cho mình, mình sẽ hỗ trợ bạn trong thời gian sớm nhất.

Xem Thêm