This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Thứ Hai, 15 tháng 4, 2013

Tại sao Google thích nội dung gốc và luôn update?

Kể từ thuật toán Google Panda xuất hiện vào giữa năm 2011 mọi nguời không ngừng bàn tán về những thay đổi mạnh mẽ của công cụ tìm kiếm Google xoay quanh vấn đề Content mới và có bị trùng lặp nội dung hay không. Trong khi các chuyên gia Content Marketing  xem đây như là một động thái đã đuợc báo truớc thì các SEOer lại không mấy vui vẻ truớc thuật toán này. Mọi nguời bàn tán hậu quả, cách khắc phục…nhưng có một vấn đề duờng như ít đuợc quan tâm đó là:


Tại sao Google lại thích nội dung gốc và tuơi mới?


Tại sao Google lại thích nội dung gốc và tuơi mới?


Xin lấy một đoạn trích mở đầu Của Search Engine Optimazation Starter Guider, Google giải thích rõ ràng lý do tại sao bạn nên làm theo những huớng dẫn SEO của họ một cách tốt nhất:


“…Thực hành theo những huớng dẫn SEO duới đây sẽ giúp công cụ tìm kiếm dễ dàng hơn trọng việc thu thập dữ liệu, lập chỉ mục và hiểu nội dung của website bạn tốt hơn.”


Tại vì chúng ta đang tham gia trò chơi với Google và họ là nguời ra luật chơi/ thay đổi thuật toán cho nên ta cần phải tuân thủ mới hy vọng có kết quả tốt đuợc.


Tiếp theo xin giải thích cụm từ “ nội dung tự nhiên”. Nguyên bản của nó là “organic content”, nếu trong quá trình tìm hiểu về seo mà bạn thấy cụm từ này và hiểu theo nghĩa đen của nó là nội dung hữu cơ thì có lẽ không rõ bản chất nó cái gì. Để hiểu nó bạn cần biết tại sao Panda ra đời?


Đó là vì muốn trừng phạt nội dung rác mà SEOer tạo ra để lấy backlink, nội dung đó có thể do dùng phần mềm xáo trộn vị trí câu từ của một bài, đầu voi đuôi chuột tóm lại là thứ nội dung mà nguời dùng đọc vào cảm thấy chắp vá , không tự nhiên không hiểu gì hết và bực bội (chính là kỹ thuật spin). Chính vì thế “organic content” là nội dung huớng nguời dùng, tự viết nhằm đáp ứng nhu cầu nguời dùng trái ngược hẳn nội dung rác kia. Cho nên dùng từ nội dung tự nhiên cũng tạm chấp nhận đuợc. (tuy nhiên cũng chỉ là tương đối vì chỉ cần gia tăng lượng liên kết nội bộ thì chất lượng lại tăng lên và không bị phạt :| )


Có thể thấy vai trò quan trọng của nội dung mới:


  • Nội dung mới không chỉ giữ chân đuợc luợng visistor quen thuộc (Returning visitor) của bạn mà còn kiếm thêm đuợc luợng visistor mới.

  • Tạo nội dung hấp dẫn và hữu ích có tác dụng rất tốt cho website của bạn hơn hẳn mọi yếu tố khác trong SEO.

  • Nội dung tự nhiên chất luợng sẽ có khả năng viral ( lan truyền) giúp bạn tạo dựng danh tiếng cho website đối với nguời dùng và công cụ tìm kiếm. (có thể tạo backlink tự nhiên giống Litado đang làm)

  • Thiết kế website của bạn nhằm phục vụ nhu cầu của visistor và đảm bảo các yếu tố kĩ thuật thân thiện công cụ tìm kiếm sẽ tạo ra những kết quả tích cực trong bảng xếp hạng tự nhiên – SEO.

Google lấy thông tin của nguời dùng bằng cách nào và sử dụng chúng ra sao?


Google đưa ra 2 cách mà họ có đuợc thông tin nguời dùng trực tuyến.


  • Những thông tin mà bạn cung cấp cho Google khi đăng kí sử dụng một dịch vụ nào đó của Google. Nhiều dịch vụ yêu cầu bạn phải đăng kí một tài khoản Google và từ đó họ có thông tin cá nhân như: tên, địa chỉ, email, số điện thoại…

  • - Những thông tin Google nhận đuợc từ vệc bạn sử dụng dịch vụ của họ – Ví dụ như khi bạn truy cập 1 webstie có sử dụng quảng cáo của Google bạn sẽ xem hoặc tuơng tác với nội dung và quảng cáo, Google sẽ khai thác đuợc thông tin đó.

Vậy Google sử dụng những dữ liệu đó như thế nào?


Theo lời giải thích của Google như sau:


“ Chúng tôi sử dụng thông tin thu thập từ tất cả các dịch vụ của chúng tôi để cung cấp, duy trì, bảo vệ và cải thiện chúng, để phát triển những cái mới, để bảo vệ Google và nguời dùng. Chúng tôi sử dụng thông tin này để cung cấp cho bạn những nội dung đuợc thiết kế sẵn giống như là đem lại cho bạn kết quả tìm kiếm và quảng cáo có liên quan.”


Như vậy đã rõ 3 lý do chính:


1. Cải thiện trải nghiệm nguời dùng:


Google xét về bản chất cũng là một doanh nghiệp kinh doanh dịch vụ chính vì thế họ cần tạo ra đuợc giá trị cho nguời sử dụng, tăng trải nghiệm và mức độ hài lòng của nguời dùng đồng nghĩa với việc có nhiều nguời sử dụng dịch vụ của họ hơn.


2. Tinh chỉnh mục tiêu quảng cáo:


Với doanh thu 36 tỷ USD trong năm 2011 Google đã trở thành chuyên gia tổng hợp dữ liệu của nguời bán hàng và khách hàng. Để giữ đuợc khỏan lợi nhuận kếch xù này họ luôn cần đến dữ liệu chính xác hơn bao giờ hết. Và chỉ có nội dung gốc và mới mẻ mới có thể cung cấp dữ liệu sạch hơn các bản lưu nội dung cũ.


Xin trích lại lời của Google : “We also use this information to offer you tailored content – like giving you more relevant search results and ads.”


3. Tạo ra đồ thị tri thức thông minh nhân tạo ( AI knowledge graph)


Đồ thị tri thức thông minh nhân tạo là gì?


Google muốn tạo ra một công cụ tìm kiếm đủ thông minh để hiểu mối liên quan giữa các thực thể khác nhau trong thế giới của chúng ta. Ý tuởng của họ là xây dựng một đồ thị tri thức rất lớn về sự kết nối giữa các thực thể và những thuộc tính của chúng với nhau.


Nguồn cung cấp dữ liệu nguyên gốc và tuơi mới nằm trong kế hoặc khống chế của Google nhằm tạo ra một đồ thị tri thức thông minh toàn diện để tăng sức mạnh và độ phức tạp cho công cụ tìm kiếm của họ. Đây là lí do tại sao trang webmaster của Google kịch liệt chỉ trích những cách SEO không tự nhiên:


“.. Chèn nhiều từ khóa không cần thiết nhằm vào công cụ tìm kiếm… Gây phiền nhiễu hoặc vô nghĩa cho nguời sử dụng…”


Với những thuật toán bắt buộc mọi nguời phải tập trung xây dựng nội dung mới và nguyên gốc nhằm phục vụ cho Google dựa trên ba lý do ở trên. Ta có thể thấy tuơng lai của Google phụ thuộc rất nhiều vào những tiêu chuẩn nội dung gốc và mới. Việc bỏ công sức vào viết nội dung vừa giúp ta thích nghi với Google nhưng cũng đang mở đuờng cho thống trị của Google trong tuơng lai.


Và có nhiều lỗi trùng lặp nội dung trong quá trình chúng ta làm cần phải khắc phục như: www và non-www, hay như sử dụng công nghệ mobile cũ tạo nên nhiều phiên bản nội dung cho nhiều thiết bị (nhưng cùng 1 nội dung). Vì vậy hãy tìm hiểu các lỗi có thể xảy ra và khắc phục chúng. Đừng quên tạo ra nội dung tươi mới và độc đáo mỗi ngày.


Cảm ơn Dũng Lê về bài viết !



Tại sao Google thích nội dung gốc và luôn update?

Thứ Bảy, 13 tháng 4, 2013

Thiết kế giao diện Mobile Responsive Design trong 3 bước

Ngày nay, do sự phát triển chóng mặt của các mobile smartphone và tablet, nên ta cần phải làm sao cho website hiển thị tốt trên mọi thiết bị có kích thước khác nhau, bên cạnh đó cũng có nhiều người dùng không bao giờ maximize trình duyệt của họ. Để đáp ứng được nhu cầu đó hiện tại theo tôi biết thì người ta có 2 cách làm :


-Một là người lập trình sẽ viết code nhận diện thiết bị người dùng đang sử dụng, rồi sẽ đưa họ đến trang được thiết kế dành riêng cho thiết bị của họ.


-Hai là sử dụng responsive design mobile ,responsive là kiểu giao diện co giãn theo kích thước của cửa sổ trình duyệt, cũng là xu hướng thiết kế web của năm nay.


Nói nôm na là vậy, các bạn xem vài hình ảnh sẽ dễ hiểu:Seo mobile voi giao dien responsive layout


seo mobile responsive web


Trong những bài viết trước về Mobile tôi đã giới thiệu khá nhiều về lý thuyết Responsive design mobile là gì, ngày hôm nay tôi sẽ làm ví dụ mẫu, 3 bước để tạo ra 1 giao diện Responsive design mobile. Những ai chưa đọc các bài viết trước thì đọc trong chuyên mục Seo Mobile nhé !


Bước 1 : Tạo Meta Tag


Tag meta viewport là điều tất yếu trong responsive layouts. Nó thiết lập màn hình theo tỷ lệ 1×1, điều này sẽ loại bỏ các chức năng mặc định từ các trình duyệt smartphone, chỉ hiển thị vừa màn hình để xem và có thể phóng to bằng thao tác tay, thêm vào trong thẻ <head>.

HTML code:


<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Trình duyệt IE8 trở xuống không hỗ trợ media query. Bạn có thể sử dụng media-queries.js hoặc respond.js để hỗ trợ.


HTML code:


<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->

Bước 2 : HTML


Trong ví dụ này, tôi có một bố cục trang cơ bản với một #header, #content nội dung, #sidebar, và #footer. Tiêu đề có height 180px cố định, nội dung #content width là 600px và #sidebar width là 300px.


seo mobile page structure


HTML code:


<div id="pagewrap">
<div id="header">
<h1>Header</h1>
</div>
<div id="content">
<h2>Content</h2>
</div>
<div id="sidebar">
<h3>Sidebar</h3>
</div>
<div id="footer">
<h4>Footer</h4>
</div>
</div>

Bước 3 :CSS-Media Queries


Đầu tiên, tôi CSS cho các div trên.


CSS code:


#pagewrap {
padding: 5px;
width: 960px;
margin: 20px auto;
}
#header {
height: 180px;
}
#content {
width: 600px;
float: left;
}
#sidebar {
width: 300px;
float: right;
}
#footer {
clear: both;
}

Sau đó, tôi sẽ sử dụng CSS3 media query, với viewport từ 980px trở xuống , màn hình sẽ hiển thị 2 cột với width của #content là 65% và #sidebar là 30%


CSS code:


/* 980px hoặc nhỏ hơn */
@media screen and (max-width: 980px) {
#pagewrap {
width: 94%;
}
#content {
width: 65%;
}
#sidebar {
width: 30%;
}
}

Và với viewport 700px trở xuống , ta set giá trị width của #content và #siderbar là auto , bỏ float đi để hiển thị 1 cột full width


CSS code:


/* 700px hoặc nhỏ hơn */
@media screen and (max-width: 700px) {
#content {
width: auto;
float: none;
}
#sidebar {
width: auto;
float: none;
}
}

Cuối cùng , với viewport 400px trở xuống(mobile),ta set lại height #header auto ,thay đổi font chữ h1 xuống 24px, và cho ẩn luôn sidebar


/* 480px hoặc nhỏ hơn */
@media screen and (max-width: 480px) {
#header {
height: auto;
}
h1 {
font-size: 24px;
}
#sidebar {
display: none;
}
}

Bạn có thể viết bao nhiêu media query tuỳ ý ,trong ví dụ này tôi chỉ viết 3 media queries.


Nếu bài viết này đủ hữu ích thì hãy chia sẻ nó về blog các bạn và để nguồn về blog Trung tâm đào tạo seo Litado. Và nếu thấy bài viết này hot tôi sẽ viết thêm về Responsive navigation. Muốn biết là gì thì hãy chia sẻ bài viết này để nó đủ hot :v


Chúc cả nhà cuối tuần vui vẻ !



Thiết kế giao diện Mobile Responsive Design trong 3 bước

Thứ Sáu, 12 tháng 4, 2013

Seo Mobile: Cơ bản về Responsive Web Design

Không cần nói quá nhiều, thời kỳ Mobile đang là xu hướng của thời đại hiện nay. Và cũng vì lẽ đó mà Seo Mobile là một phần gắn liền không thể thiếu khi nhắc tới Mobile. Và thuật ngữ Responsive web design là thuật ngữ bạn không thể không tìm hiểu. Responsive web design mobile đã nhanh chóng trải qua thời kỳ được thích thú khám phá và bước vào giai đoạn phát triển với những tiêu chuẩn nhất định. Điều này cũng quan trọng như việc chuyển đổi từ thiết kế layout sang CSS.


Responsive web design Mobile là gì?


Để biết một website có thuộc dạng responsive design hay không chỉ cần mở một trình duyệt trên desktop và từ từ thu hẹp bề rộng trình duyệt lại. Responsive web sẽ tự động điều chỉnh giao diện sao cho vừa khít với bề rộng của trình duyệt, cho dù là hẹp như trên điện thoại. Dưới đây là giao diện của trang Think Vitamin trong nhiều kích thước màn hình khác nhau:


responsive web design mobile




Nói tới responsive design mobile không thể không nói tới người sáng lập ra nó, Ethan Marcotte với bài báo đáng chú ý về responsive web design mobile. Trong bài báo này, Ethan đề cập tới tất cả cả các ý tưởng chủ chốt hình thành nên responsive web design mobile. Đó không phải là một phần kỹ thuật nào cả, mà là một loạt các kỹ thuật và ý tưởng kết hợp với nhau.


Thay vì trả lời câu hỏi responsive design mobile chính xác là gì, hãy quan tâm tới nó giải quyết được vấn đề gì. Ngày nay để lướt web, máy tính không còn là lựa chọn duy nhất nữa. iPhone và nhiều thiết bị tương tự ra đời, chỉ trong nháy mắt đã làm thay đổi hoàn toàn trải nghiệm lướt web trên di động.


Sự thay đổi trong trình duyệt web khiến cho kỳ vọng của người dùng thay đổi; ai cũng muốn việc lướt web trên điện thoại cũng phải dễ dàng như trên màn hình máy tính. Để đáp ứng được điều này, cộng đồng thiết kế web bắt đầu sáng tạo nên phiên bản web dành cho điện thoại di động. Như vậy là bên cạnh phiên bản dành cho màn hình thông thường sẽ có một phiên bản khác dành riêng cho điện thoại.


Cùng với sự phát triển của laptop, điện thoại, các thiết bị như máy tính bảng và netbook cũng ngày càng xuất hiện nhiều hơn với màn hình lớn, độ phân giải cao. Sẽ khá lãng phí nếu những người thiết kế web không tận dụng xu hướng này.


Tóm lại, trước sự bùng nổ ngày càng đa dạng đủ loại kích thước và độ phân giải màn hình, responsive web design mobile hướng tới việc tạo ra phiên bản web đáp ứng nhu cầu cho từng đối tượng người dùng khác nhau.


Điểm qua một số phần trong responsive web design mobile


Fluid Grids


Ý tưởng chủ đạo đầu tiên của responsive design là fluid grid. Trước đây, liquid layout (một dạng layout có thể tự động chỉnh sửa kích cỡ để vừa màn hình, tự động xoay ngang, dọc) không phổ biến bằng việc thiết kế các layout cố định bề rộng; các trang được thiết kế với số lượng pixel cố định và căn chính giữa trang. Tuy nhiên, với khối lượng đồ sộ đủ các loại kích thước màn hình như hiện nay, khó có thể bỏ qua lợi ích của liquid layout.


Fluid grid tiến một bước xa hơn so với liquid layout truyền thống. Thay vì thiết kế một layout dựa trên pixel cố định hay giá trị phần trăm tùy ý, fluid grid được thiết kế kỹ càng hơn theo tỷ lệ. Theo cách này, khi một layout được thu gọn trên màn hình điện thoại hay trải rộng trên một màn hình lớn, tất cả mọi thành phần trong layout đều tự thay đổi kích thước để tương thích với nhau.


Để tính được tỷ lệ cho thành phần của từng trang, cần phải chia các nhân tố mục tiêu theo từng bối cảnh. Hiện tại, cách tốt nhất để làm điều này là tạo ra một bản mockup chính xác trên phần mềm như Photoshop. Nhờ đó, có thể đo được các phần trong trang và chia cho bề rộng của toàn trang. Ví dụ, nếu layout có kích thước bề ngang là 960 pixel, và bề rộng của thành phần mục tiêu là 300 pixel thì giá trị phần trăm sẽ là 31,25%.


 



 


Nếu kết quả ra số lẻ thì đừng làm tròn, hãy giữ nguyên vì  với máy tính mọi con số cần phải giữ chính xác.


Fluid grid là một phần rất quan trọng khi tạo ra responsive design. Khi bề rộng của trình duyệt quá hẹp thì giao diện có thể bị bể. Ví dụ, layout ba cột không thích hợp cho màn hình nhỏ của điện thoại. Thật may vì responsive design có thể xử lý việc này bằng media queries.


Media Queries


Phần thứ hai của responsive design mobile là CSS3 media queries – giúp website tự động thay đổi bố cục theo kích thước màn hình. Sử dụng một chuỗi media queries giúp làm việc tốt hơn với độ phân giải cao hơn. Các loại bề rộng (đây chỉ là những gợi ý) thường gặp là:


  • 320px

  • 480px

  • 600px

  • 768px

  • 900px

  • 1200px

Nói một cách lý tưởng, một layout nên được điều chỉnh sao cho phù hợp hoàn hảo với mọi loại thiết bị, nhưng đôi khi bạn phải lựa chọn xem nên tập trung vào loại nào. Trên thực tế, loại giao diện nào được chọn để phát triển chính phải dựa trên các vấn đề về người sử dụng, thời gian, ngân sách… Càng trải rộng vào nhiều loại giao diện thì càng sẽ tốn nhiều thời gian hơn, do đó nên cẩn thận với việc bạn sẽ tiêu tốn công sức vào đâu.


Ghi rõ nguồn trung tâm đào tạo seo LITADO khi sao chép bài viết này


Theo Teamtreehouse



Seo Mobile: Cơ bản về Responsive Web Design

Thứ Năm, 11 tháng 4, 2013

Các chú ý để tăng Conversion Rate Phần II

Trong bài trước chúng ta đã đi qua được 2 trong số 6 chú ý cần thiết để cải thiện Conversion Rate. Hôm nay chúng ta tiếp tục đi 4 chú ý còn lại.


Bạn nào chưa đọc phần 1 thì đọc  Các chú ý để tăng Conversion Rate tại đây. Còn giờ chúng ta tiếp tục với phần 3.


3. Điều hướng


Thông thường, trang landing page mà bạn chọn để dẫn dụ khách hàng vào website của bạn là trang chi tiết sản phẩm/hàng hoá/dịch vụ. Nhưng khi khách vào xem chưa chắc họ đã thích hoặc cảm thấy sản phẩm đó cần mua. Do vậy ta phải có các chức năng điều hướng tốt để khách hàng có thể khám phá xem website của bạn phong phú đến mức nào, có những sản phẩm hay nào khác. Có nghĩa rằng ở mọi trang mà bạn chọn làm landing page, cần có navigator rất rõ ràng để khách hàng có thể browse back một cách dễ dàng, thuận tiện. Và các chức năng điều hướng này phải nhất quán, không được hiển thị mỗi nơi một kiểu sẽ khiến khách hàng lúng túng mà rời bỏ website của bạn.


Mặt khác, khi khách hàng order sản phẩm, cần show rõ có bao nhiêu bước để done tiến trình, và nơi khách hàng đang đứng là ở bước nào, tránh việc nghi ngại và mơ hồ không rõ khi nào thì thực hiện xong các bước đặt hàng.


4. Dẹp bỏ ngại ngần


Không thể chắc chắn rằng mọi khách hàng vào website của bạn đều biết cách đặt hàng và thanh toán online, do vậy để đảm bảo bạn có thể phục vụ được mọi đối tượng khách hàng, hãy để lại số hotline hỗ trợ khách hàng đặt hàng ngay bên dưới nút mua hàng, ghi rất rõ rằng rằng “nếu ngần ngại, hãy gọi số xxx để chúng tôi được đặt hàng giúp bạn”, điều đó sẽ giúp cho khách hàng có thiện cảm và website không bị lãng phí traffic vì khách khó khăn trong việc đặt hàng, đặc biệt những khách hàng lớn tuổi thường không thông thạo máy tính và internet.


5. Củ cà rốt


Bạn đã dẫn dụ khách hàng vào thăm website của bạn, thì đừng để khách bỏ đi tay không, hãy chìa ra củ cà rốt để khách hàng đã ghé thăm website của bạn thì kiểu gì cũng phải mua được thứ gì đó, hoặc ít nhất khách hàng cũng phải có ấn tượng rằng bạn, tên website của bạn có bán món hàng abc nào đó, sau này có nhu cầu sẽ lại ghé thăm để mua.


Cách làm đơn giản thôi, khách hàng nào chẳng thích được mua rẻ, được cảm giác hời, được tặng quà. Vậy hãy show cho khách hàng những sản phẩm bạn đang giảm giá, những sản phẩm đang bán kèm quà tặng, khách hàng sẽ rất thích thú khi được sở hữu những món đồ như vậy vì cảm giác mình được hời và hạnh phúc vì điều đó.


6. Đo đạc, phân tích hiệu quả


Mọi campaign marketing bạn triển khai cho website bán hàng thì đều phải đo đạc và thống kê số liệu traffic, visitor vào site họ làm gì, họ quit ở vị trí nào, click vào đâu nhiều nhất,… từ đó có thể biết hành vi người dùng để điều chỉnh theo hướng phù hợp.


Ví dụ bạn thấy được khách hàng chỉ vào trang chi tiết sản phẩm, sau đó close luôn và không browse ra xem các sản phẩm khác, chứng tỏ điều hướng trên website của bạn có vấn đề hoặc bạn chưa chìa ra củ cà rốt để khách hàng thích thú, hứng khởi đặt hàng hoặc các bước đặt hàng của bạn quá rắc rối trong khi không có số điện thoại nào để khách hàng call hỗ trợ.


Việc đo đạc thực sự cần thiết để biết được hiệu quả của các chương trình marketing đến đâu, từ đó có hướng điều chỉnh nâng cao chất lượng của traffic, cụ thể là việc gia tăng số lượng đơn hàng mà khách hàng vào website đặt hàng.


Bài viết được thực hiện bởi Mr. Tuấn Nguyễn – Giám đốc khối TMDT của VCCorp – Khách mời đặc biệt của trung tâm đào tạo Seo Litado.



Các chú ý để tăng Conversion Rate Phần II

Thứ Tư, 10 tháng 4, 2013

Cải thiện conversion với chỉ số CTA Phần 2

calls to action tăng tỷ lệ chuyển đổi conversion rate


Trong bài viết trước về Cải thiện Conversion với chỉ số CTAs – Call To Actions chúng ta đã đi qua được 4 cách để cải thiện Call To Actions. Ngày hôm nay chúng ta tiếp tục đi vào 5 cách để tối ưu CTAs.


Nào giờ thì tiếp tục !


5. Sáng tạo


CTAS không nhất thiết phải là button, KISSmetrics đã thử nghiệm một cách khá độc đáo, thêm một Call To Actions bên trong 1 video trên blog KISSmetrics. Khi bạn xem xong video một button sẽ hiện ra mời bạn đăng kí dịch vụ phân tích dữ liệu của họ.


Đó là 1 Call To Actions đuợc nhấp chuột nhiều hơn 380% so với CTAs đặt bên sidebar thông thường. Không nhất thiết các nút bấm tiêu chuẩn mới có tỉ lệ chuyển đổi tốt, một sự sáng tạo bằng cách thêm vào video đã tạo ra nhiều click hơn thông thường.


Tùy biến nút Call To Actions trong Video


6. Nói với mọi người đừng click


Bạn có thể thay đổi CTAs thành “ đừng click vào đây” và mong chờ thúc đẩy conversion? Nó có thể không làm việc cho tất cả nhưng biết đâu lại hiệu quả cho với bạn.


Ví dụ trên Timothyskyess họ thử nghiệm một Call To Actions với text” đừng bấm vào đây nêu bạn lười biếng” và nó hiệu quả hơn 39% so với “ bấm vào đây”.


Ramit Shethi sáng lập website “ tôi sẽ dạy bạn trở nên giàu có “ cũng dùng cách tương tự khi nói mọi người đừng bấm vào.


dùng call to action với hình thức không khuyến cáo click vào !


Sử dụng cách nói ngược lại có thể là cách hiệu quả để mọi người làm những gì bạn muốn. Kiểm tra các biến thể khác nhau của Call To Actions để nói với mọi người tại sao họ nên click bằng cách sử dụng những ngôn ngữ từ chối. Ví dụ nếu bạn chạy một trang web thương mại điện tử bạn có thể thử nút bấm “ đừng bấm vào đây trừ khi bạn muốn tiết kiệm 10%”, hay là “ Không bấm vào đây trừ khi bạn không muốn tham gia vào khóa học của trung tâm đào tạo Seo Litado =]]” – đọc xong đau não phải suy nghĩ 1 lúc nó là như thế nào =]]

7. Hiệu ứng đặc biệt


Có một cách tuyệt vời để thu hút click đó là làm cho Call To Actions chuyển động theo người dùng khi họ cuộn chuột. Nút bấm CTAs trên TimonthySykes.com là “ next big pick” tỉ lệ click tăng lên 21% vì CTAs lăn theo khi người dùng cuộn chuột xuống phía dưới trang web.


thử nghiệm chuyển động để tăng ctas


8. Khoảng trắng.


Một cách tuyệt vời để làm cho Call To Actions nổi bật là không đặt thứ gì xung quanh nó. Khoảng trắng sẽ làm nổi bật CTAs.


Bạn có thể làm điều này bằng cách:


  • Giảm các yếu tố trong bản thiết kế website của bạn

  • Giảm só lượng màu sắc tươi sáng trong thiết kế

  • Không đặt nhiều thứ xung quanh CTAs

sử dụng khoảng trắng cũng làm tăng call to actions rất hiệu quả đấy


Quick sprout đã thử dùng khoảng trắng trên landing page của trang traffic system và nhìn thấy một sự gia tăng nhỏ trong tỷ lệ chuyển đổi. gia tăng 8% nhưng con số đó chưa đủ để làm thống kê. Nó sẽ mất 30-60 ngày nữa để thử nghiệm kết thúc nên họ dừng lại. Hy vọng rằng bạn sẽ may mắn hơn trong thử nghiệm này.


9. Không có Call To Actions


Bạn có dám loại bỏ nút CTAs trên website hay ko? Tim Sykes đã làm điều này và thấy một vài điều thú vị. Không phải ông ta làm vì muốn thử nghiệm a/b testing mà vì người thiết kế website không hoàn thành website bán hàng cho ông.


Sản phẩm không được kết nối với giỏ hàng, ông đã loại bỏ các nút Call To Actions trên trang sản phẩm và nhận ra nhiều người quan tâm tới sản phảm của mình bởi vì họ cảm thấy ko có cơ hội mua nó nữa.


bỏ call to actions và điền vào đó email


Bằng cách loại bỏ CTAs và thêm một địa chỉ Email ông đã nhận được nhiều thắc mắc từ khách hàng hơn so với cách sử dụng CTAs truớc đây trên website bán hàng của mình.


Làm tràn ngập website với nhiều Call To Actions không phải lúc nào cũng tốt, bởi nó dễ gây cảm giác bạng đang cố bán một thứ gì đó. Khi bạn bỏ Call To Actions nó có thể gây hiệu ứng ngược, mọi người quan tâm tới một sản phẩm mà họ không còn mua được nữa.


Kết luận: Những gì trong bài viết này có thể không làm việc cho bạn, nhưng hãy nên thử nghiệm các biến thể Call To Actions dựa trên những gợi ý trên để tìm hiểu những gì mang lại trải nghiệm tốt nhất cho người dùng . Hãy liên tục thử nghiệm A/b testing , nếu bạn không cố gắng cải thiện conversion thì nó sẽ đứng yên, vì thế đừng sợ …hãy thử nghiệm.


Như vậy là chúng ta đã đi qua 9 cách để tối ưu lại nút Call To Actions. Các anh em tha hồ mà áp dụng vào website thực tế của mình. Nên nhớ đây chỉ là 1 trong nhiều bước cần tối uu trong Seo để làm sao có được lượng Order nhiều hơn. Sau bài này mình sẽ có các bài viết tiếp theo liên quan đến tôi ưu Conversion Rate.


Cần thêm thông tin gì anh em cứ thảo luận bên dưới ! Good Luck !!!



Cải thiện conversion với chỉ số CTA Phần 2

Các chú ý để tăng Conversion Rate

conversation rateSau bài viết về Conversion Rate quan trọng thế nào với một website bán hàng online, bài toán về Conversion Rate xem tại đây, có nhiều bạn muốn mình viết kỹ hơn về cách tăng Conversion Rate. Có rất nhiều cách để tăng Conversion Rate, nếu bạn là người thực sự hiểu người dùng, hiểu sản phẩm của bạn và hiểu website của bạn hoạt động thế nào thì bạn có thể tự điều chỉnh được chỉ số này. Nội dung bài viết bên dưới chỉ là các vấn đề cần chú ý để có thể tăng CR. Mời các bạn tham khảo.


 


1. Thiết kế giao diện


Giao diện thiết kế là ấn tượng đầu tiên khi khách hàng ghé thăm website của bạn. Một giao diện với màu sắc loè loẹt, nhức mắt, bố cục rối sẽ khiến cho người dùng chỉ xem lướt và đóng cửa sổ ngay, điều này sẽ khiến cho tỷ lệ bounce rate cao và dĩ nhiên Conversion Rate sẽ cực thấp.


Một giao diện được coi là đạt khi nó đảm bảo các yếu tố:


  • Màu sắc hài hoà, có điểm nhấn, không dùng quá 3 màu để thể hiện các thiết kế, nên dùng màu đơn sắc, hạn chế dùng các hiệu ứng gradient, 3D

  •  Bố cục đơn giản, cố gắng thể hiện dạng simple text

  • Font chữ quy chuẩn, chỉ dùng 2 kích thước font cho việc thể hiện tiêu đề và nội dung, nên bold hoặc italic những đoạn cần lưu ý, tránh lạm dụng style quá nhiều.

  • Các đường link, nút bấm phải rõ ràng, dễ bấm và không gây nhầm lẫn với các thành phần khác trong website

  • Tối ưu các nút Call To Actions

ví dụ về thiết kế tối ưu conversion rate

Demo thiết kế tối ưu theo các tiêu chí Conversion Rate ở bên trên


2. Nội dung thông tin


Khách hàng thường thiếu niềm tin vào chất lượng hàng hoá, sản phẩm dịch vụ. Do vậy, nội dung thông tin miêu tả phải thật rõ ràng, chính xác, đảm bảo cung cấp đầy đủ các thông tin sau:


  • Hình ảnh thực về các góc nhìn của sản phẩm, nếu được thì hãy đăng tải thêm video giới thiệu sản phẩm

  • Minh bạch thông tin nguồn gốc xuất sứ hàng hóa.

  • Thông tin chế độ bảo hành, đổi trả hàng

  • Thông tin tính năng của sản phẩm, ngoài việc đăng tải các tính năng nổi trội thì cần đưa ra các hạn chế là gì để tăng sự khách quan và minh bạch

  • Giá bán và chi phí vận chuyển cũng phải được hiển thị ngay, tránh việc sau khi khách hàng đã làm rất nhiều thao tác để order, đến bước cuối khách hàng huỷ vì thấy phí vận chuyển quá cao, gây nên sự nghi ngại và cảm giác không minh bạch

Bài kế tiếp chúng ta sẽ đi  4 kỹ thuật/thủ thuật cụ thể để tăng được tỷ lệ Conversion Rate.


Bài viết được viết bởi Mr. Tuấn Nguyễn – Giám đốc khối TMDT VCCorp – khách mời đặc biệt của trung tâm đào tạo Seo Litado.



Các chú ý để tăng Conversion Rate

Thứ Ba, 9 tháng 4, 2013

Cải thiện conversion với chỉ số CTA Phần 1

Khi nhắc đến SEO nhiều Seoer vẫn chỉ dừng lại ở mức ranking từ khóa, quan tâm lớn nhất của nhiều người là thứ hạng bao nhiêu (yếu tố này đúng nhưng chưa đủ) nhưng mục đích cao hơn mà SEO cần hướng đến đó là tăng tỷ lệ chuyển đổi (Conversion Rate) và từ đó tăng hiệu quả kinh doanh. Trong bài viết này không bàn quá nhiều tới kỹ thuật Seo mà chúng ta sẽ cùng tìm hiểu các kỹ thuật tối ưu CRO


Có 2 yếu tố cốt lõi giúp một chiến dịch Seo + Marketing thành công hơn đó là :


  • Lượng traffic tìm đến website – Muốn có điều này thì cần nhiều từ khóa lên top và lượng search của nhiều từ đủ lớn

  • Chuyển đổi của những traffic tìm đến website – Tỷ lệ khách hàng mua hàng – Conversion Rate

WEbsite của bạn có hàng chục nghìn visitor nhưng bạn không thể chuyển đổi họ thành những người mua hàng, vậy vấn đề ở đâu? Giải quyết như thế nào?


Để giải quyết bài toán này, chúng ta tìm hiểu một thuật ngữ là CTAs – Call To Actions. Bài viết này chúng ta sẽ tham khảo kinh nghiệm của Neil Patel thông qua tối ưu nút CTAs trên website. Những kinh nghiệm này có được từ việc thuê dịch vụ tư vấn Conversion Rate từ 2 công ty chuyên về phân tích dữ liệu trực tuyến là Kissmetrics và Craze Egg.


 


1. Thử nghiệm chữ trên nút bấm Call To Actions.


Những chữ nào thường được sử dụng phổ biến trên các nút bấm CTAs của một website? Click here, bấm vào đây, thanh toán, mua ngay…Nhưng tôi nhận ra rằng những từ trên có đặc điểm chung là không ảnh hưởng nhiều tới conversion rates ( tỉ lệ chuyển đổi). Nếu chúng có tác dụng tốt thì những thành phần khác trên website cần phải được kiểm tra lại. ví dụ như bạn thấy tỉ lệ click vào nút mua ngay rất cao nhưng vẫn không có đơn hàng, thì cần xem lại quá trình xử lý từ lúc bấm mua ngay có thể gặp trục trặc không điền được đơn hàng.


Và có trường hợp chỉ copy thử nghiệm của người khác giống như 37 Signels đã sử dụng call to action “See pricing and plans” đã giúp tăng conversion rate lên trên 200%, nhưng điều đó không chắc sẽ làm việc với bạn khi sao chép lại một nút bấm CTAs của ai đó, chính vì thế thử nghiệm là phương pháp tốt nhất.


tối ưu CTA để cải thiện Conversion Rate

Thử nghiệm text trên CTAs mang lại những kết quả khác nhau


Crazy Egg cũng thử nghiệm Call To Actions này trong 1 năm trước và conversion rate của họ giảm hơn 10%, đến khi thay text là “show me my heatmap” thì tỉ lệ chuyển đổi lại tăng lên 20%.


Bài học rút ra: Call To Actions có liên quan tới sản phẩm hoặc dịch vụ có xu hướng chuyển đổi tốt hơn là những CTAs chung chung. Vì thế hãy thử nghiệm các văn bản, từ ngữ khác nhau cho nút bấm CTAs, cố gắng để nút CTAs chứa thông tin liên quan nhiều tới những gì bạn cung cấp phục vụ, nó sẽ chuyển đổi tốt hơn và tỉ lệ click cũng tăng lên.


2. Màu sắc chủ đạo


Google trước đây đã thử nghiệm 50 sắc thái khác nhau của màu xanh cho nút Call To Actions của họ và tìm ra được sắc thái có tỉ lệ chuyển đổi cao nhất. Kết quả cuối cùng là tăng tỉ lệ đăng ký. Bạn hầu như chắc chắn không thể kiểm nghiệm trên 50 sắc thái khác nhau của màu sắc, nhưng bạn vẫn có thể thử nghiệm một vài màu sắc khác nhau.


SAP tìm ra được màu cam tăng tỉ lệ Convertion Rate của họ lên 32,5%. Performable nhận ra màu đỏ làm tăng Convertion Rate rate lên 21%.


màu sắc ảnh hưởng đến Conversion rate


3. Vị trí của Call To Actions.


Cũng giống như kinh doanh, vị trí là một trong những yếu tố quan trọng nhất. Bạn sẽ cần kiểm tra bằng cách gắn nút CTAS ở phía trên, phía dưới và bất cứ nơi đâu bạn nghĩ nó hợp lý. Tôi đã thử kiểm tra trên website bằng cách đặt nút Call To Actions vài vị trí và nhận ra nó ảnh hưởng khá lớn tới tỉ lệ Conversion. Tôi thử đặt phía trên, nhưng nó không có hiệu quả bằng đặt dưới.


Qua quan sát đó tôi nhanh chóng nhận ra rằng mọi người muốn đọc một ít thông tin và nghiên cứu một chút những thông tin tôi đưa ra trước khi đưa cho họ thấy nút bấm Call To Action. Đó chính là lý do tại sao đặt nút CTAs ở trên là nguyên nhân giảm Conversion tới 17%.


4. Thiết kế rất quan trọng


Quick Sprout đã chạy thử nghiệm a/b testing trên site của họ…và để kiểm tra toàn bộ thiết kế của nút Call To Actions. Nút call to actions nguyên bản chỉ là một button với thông báo “ add to card”. Qua quan sát họ nhận ra mọi nguời có chút mơ hồ về những gì họ sẽ nhận được với hệ thống. Vì thế họ quyết định thay đổi một chút thiết kế với CTAs.


Nút CTAS mới cũng chứa text là “ add to card” nhưng nó có chứa thêm hình ảnh sản phẩm. và kết quả thật bất ngờ tăng 28% chỉ bằng cách sửa đổi thiết kế có kèm hình ảnh.


cải thiện call to actions để tăng conversion Rate


Đừng chỉ vì mọi người thường sử dụng một nút nhấn CTAs đơn giản có bo tròn góc và chứa vài từ mà bạn cũng phải làm thế. Thử kiểm tra các kích thước khác nhau từ bo tròn góc tới kèm theo một hình ảnh của sản phẩm bên trong nút CTAs, bạn có thể tăng convertion với sự sáng tạo của mình.


Mời các bạn đón đọc Cải thiện Conversion với chỉ số CTA Phần 2 vào 10h sáng ngày 11/04/2013



Cải thiện conversion với chỉ số CTA Phần 1