Hiển thị các bài đăng có nhãn Tối Ưu SEO Website. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Tối Ưu SEO Website. Hiển thị tất cả bài đăng

17/07/2018

Sự thật về tối ưu Test my site (Tốc độ Web trên di động 3G)


Test my site (https://testmysite.withgoogle.com/intl/vi-vn) là công cụ mà Google đưa ra để kiểm tra tốc độ của Website khi tải trang trên thiết bị di động dùng kết nối 3G.
Google khuyến cáo tốc độ trang ~3s trên Test mysite là chuẩn nhất.
  • Nếu ~5s bạn sẽ mất 19% lượng traffic truy cập từ Di động.
  • Nếu ~4s bạn sẽ mất 10% lượng traffic truy cập từ Di động.
Song chúng ta có nên tin công cụ  Test my site (Tốc độ Web trên 3G) này của Google hay không?


Thật sự https://www.webpagetest.org/ mới là trang mà Testmysite lấy dữ liệu, nếu bạn check trực tiếp trên Testmysite thì thực sự có thể không chỉnh xác.

Test lần 1 trên Testmysite Google:

Ban đầu mình đã test trên trang chủ của url: https://toilaquantri.com với Test My site là ~5s.
Phiên bản mobile với Test My site là ~4s.
Tiếp theo mình sẽ vào trang nguồn cung cấp https://www.webpagetest.org/ để test lần thứ 2 cho chính xác.

Lần 2: Cấu hình test trên webpagetest như sau:

  1. Chọn máy chủ ở châu á và Hong Kong là gần VN nhất
  2. Chọn trình duyệt Chrome
  3. Chọn 3G tốc độ 1.6Mbps

P/s 3G ở VN có tốc độ mà nhà cung cấp đưa ra là 7.2Mbps tuy nhiên không bao giờ đạt cả nên mình chỉ chọn mức trung mình là 1.6Mbps thôi. 3G ở VN thường không ổn định nên chọn tốc độ như thế là hợp lí.

Kết quả Test lần 2 với webpagetest

  1. Lần đầu 13s
  2. Reload lại 10.8s
Sở dĩ reload lại luôn nhanh hơn lần đầu là một số request đã được lưu cache lại nên chỉ việc lấy lên từ bộ nhớ đệm chứ không tải về từ Server Web nữa.

Kết quả test 3G

Thực tế thì khi xem Video lại cho ra kết quả khác. Chú ý đến trường Watch Video để xem nhé!
Video tải trang thực tế (lần 1)



Cái sai ở đây là chúng ta test trên giao diện trên máy tính mất rồi.
  • Giao diện Mobile: https://www.toilaquantri.com?m=1
  • Giao diện Desktop: https://www.toilaquantri.com
Do vậy nếu Website của bạn có 2 giao diện thì chúng ta nên chọn giao diện Mobile để test trên 3G mới chuẩn nhất. Ta sẽ test lại lần 3 với url https://www.toilaquantri.com?m=1

Kết quả lần 3 trên webpagetest

  • Lần đầu 8.3s
  • Reload lại 3.2s (khá chuẩn)

Video tải trang thực tế (lần 2)


Test lần 4 với Network trên Google Chrome

  1. Cho kết quả DCL là 4.15s
  2. Full load 8.74s
P/s: Thực ra máy tính mình có đời chip (Intel Core i5 thế hệ 2, ổ HDD) từ năm 2011 cho nên khả năng bắt sóng sẽ không bằng chip mạng trên điện thoại được nên sẽ có dấu hiện chậm hơn thực tế, vả lại trên máy tính thì trình duyệt Chrome tải giao diện Web đầy đủ hơn nên có thể sẽ nặng hơn so với Mobile (phần này cũng cực kì quan trọng nhé!) 

Lần test 5 thực tế trên điện thoại 3G.

  • Lần này mình dùng Quay màn hình trên chiếc Smartphone mình đang dùng với kết nối 3G của Vietnammobile và cho ra kết quả thời gian khoảng 4~5s bất ngờ là vừa trùng khớp với Test mysite.
  • Tuy nhiên khi tải lại trang thì thời gian chỉ 2~3s.

Kết luận:

Như vậy là mình cũng vừa hoàn thành bài tốc độ website test 3G thực tế trên các công cụ khác nhau. Và lần thứ 5 vẫn là trãi nghiệm thực tế của người dùng mới quan trọng nhất.

Nếu chọn trình duyệt khác để test, trên Smartphone khác với tốc độ 3G, máy chủ truy cập khác nhau lại cho ra kết quả khác nhau và chênh lệch tương đối lớn.

Có thể lúc này trên điện thoại (mobile) đang sử đang full 3G 7.2mbps, server ở VN nên khác biệt rõ rệt. Từ 8s khi kiểm tra với các phần mềm nhưng thực tế reload chỉ 2-3s và hầu như không có độ trễ.)

Bài test thứ 5 là bài test cuối cùng chuẩn nhất ở thực tế, cái quan trọng là theo cảm nhận của bạn website khi load trên 3G có chậm hay không chứ đừng tin quá vào công cụ nhé vì rõ ràng nếu không am hiểu kiến thức mạng, kiến thức website bạn sẽ test sai ngay và sẽ có sai số cực lớn trên các công cụ khác nhau.

Như vậy có thể thấy rằng tốc độ chuẩn 3G ổn định 5-7.2mbps và máy chủ test càng gần sẽ cho kết quả chính xác gần với kết quả mà Testmysite cung cấp.

Đối với mỗi người dùng khác lại cho ra tốc độ tải lại khác nhau và cũng không giống nhau nữa vì thiết bị, phần mềm, đường truyền mạng, vị trí đã là khác nhau rồi.

30/06/2018

Tốc độ tải Website phụ thuộc vào gì? DNS, Hosting

Tốc độ tải Website phụ thuộc vào gì?
Thời gian tải trang và hiển thị màn hình của toilaquantri.com

27/09/2017

5 bước kiểm định SEO Onpage cho 1 website bởi toilaquantri.com

SEO Onpage là hoạt động tối ưu công cụ tìm kiếm diễn ra trên website, việc SEO Onpage tốt sẽ giúp Google nhận diễn nội dung, chủ đề được Google Index nhanh chóng. Chính sự index thường xuyên webiste là yếu tố để Google đánh giá website tốt trên công cụ xếp hạng Google.

1. Tốc độ tải trang web

Như chúng ta đã biết Google chỉ đọc HTML, cho nên khi xây dựng hệ thống site vệ tinh PBN hãy sử dung sourse web ít Javascript và đưa phần HTML lên càng cao càng tốt.

Các website chính (Money Site) nhằm nâng cao trãi nghiệm người dùng, cũng dùng Javascript nhưng hãy thật hạn chế khi sử dụng.

Mình đã có bài viết riêng hướng dẫn tối ưu tốc độ load website


Kiểm tra với testmysite.withgoogle.com
Kiểm tra với testmysite.withgoogle.com

#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
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

25/09/2017

Dịch vụ tối ưu Website, tăng tốc độ load trang và chuẩn SEO

tăng tốc độ load trang và chuẩn SEO
Dịch vụ tối ưu Website, tăng tốc độ load trang và chuẩn SEO
Ngày này website xem như là một cửa hàng Online để đón các lượt khách ghé thăm, nhờ vào đó bạn thu hút được thêm khách hàng tiềm năng và gia tăng lợi nhuận từ Website.
Ngoài ra website còn phải chuẩn SEO để tối ưu công cụ tìm kiếm Google, tải trang nhanh để trang độ trãi nghiệm người dùng.

24/09/2017

PageSpeed Insights có tối ưu toàn diện tốc độ tải Website

PageSpeed Insights là trang web của Google cung cấp giúp các Webmaster tối ưu website của mình. Trong nhiều năm qua phân lớn các webmaster chia sẻ rằng điểm số của PageSpeed Insights không quan trọng vì thấy điểm của PageSpeed Insights chấm rất thấp nhưng sao website lại tải nhanh.

Sau đây mình sẽ phân tích các công cụ mà mình đã dùng để phục vụ cho công việc tối ưu website.
Bài viết sẽ liên quan đến nhiều về ngôn ngữ web, code nên có thể gây khó hiểu cho bạn đọc.

Trước khi vào phần nội chúng về tối ưu tốc độ, ta sẽ đi đến cơ chế hoạt động của trình duyệt.
Khi trình duyệt (Browser) được người dùng (User) truy cập đến 1 domain hoặc url ngay lập tức sẽ theo đường địa chỉ IP ra lệnh cho Server/hosting/VPS trả về dữ liệu là các code web / requests / nội dung hình ảnh.... cho truy cập đó và trả lại cho trình duyệt đọc code, phân giải và hiển thị trên trình duyệt web mà ta gọi là trang web.

13/09/2016

Tối ưu tiêu đề bài viết thành thẻ H1 trong Blogger

Đối với 1 blogger chuẩn SEO thì tiêu đề bài viết hoặc từ khóa cần SEO phải nằm trong thẻ H1, Thẻ H1 là đánh dấu từ khóa mạnh nhất mà Google dành cho SEO.

Do vậy nhiều trang web có tiêu đề bài viết không nằm trong thẻ H1 nên SEO mãi không lên, việc chỉnh sửa lại thẻ này cần phải đụng vào code web

Tối ưu tiêu đề bài viết thành thẻ H1 trong Blogger
Tối ưu tiêu đề bài viết thành thẻ H1 trong Blogger

Hướng dẫn tối ưu tiêu đề bài viết thành thẻ H1

Thủ thuật này sẽ tối ưu tiêu đề bài viết của bạn nằm trong thẻ h1, ngoài trang chủ tiêu đề này sẽ chuyển thành thẻ h3 để nhận tiêu đề web thành thẻ h1.
Mỗi trang đều có từ khóa cần SEO khác nhau trang chủ sẽ nhận tiêu đề blog làm thẻ H1 để làm từ khóa, các tiêu đề bài viết ngoài trang chủ thành thẻ h3. Trong bài viết thì tiêu đề bài viết làm thẻ H1 tiêu đề blog làm thẻ H3

Thủ thuật này sẽ áp dụng các thẻ điều kiện trong blogger

Bước 1: Đăng nhập và Blogger, Mẫu

Tìm:
<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>

Thay 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>

Bước 2: Sửa CSS kích thước, màu sắc cho các thẻ H1 H3 này

Tìm các dòng:
.post h3 {…}
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}

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 {…}

Hoặc muốn tách riêng ra thì dùng
.post h1 {…}
.post h1 a {…}
.post h1 a:hover {…}
.post h1 a:visited {…}
.post h3 {…}
.post h3 a {…}
.post h3 a:visited {…}
.post h3 a:hover {…}

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

28/07/2016

#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
Tối ưu tiêu đề blog h1 cho blogspot

25/07/2016

#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
Nén CSS và Javascript trên blogger

18/07/2016

#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
Tối ưu cấu trúc dữ liệu trên Blogger

12/07/2016

#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 OnpageSEO 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
Tối ưu SEO Onpage Blogger - #1 Tối ưu CSS3