• Bỏ qua primary navigation
  • Skip to main content
  • Bỏ qua primary sidebar

Thủ thuật thiết kế website

Chia sẻ kinh nghiệm thiết kế website

  • Trang chủ
  • Joomla
    • Thủ thuật Joomla
    • Joomla Extensions
    • Joomla Themes
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Web Development
    • HTML/CSS
    • Javascript
    • PHP
  • PHP Framework
    • Codeigniter
    • Laravel
    • Laminas
  • App Developer
    • React Native
    • Flutter
  • SEO
  • Chia sẻ
  • Phần mềm
Bạn đang ở:Trang chủ / SEO / Danh sách các checklist SEO dành cho Web Developer

Danh sách các checklist SEO dành cho Web Developer

26/04/2021 - admin Để lại bình luận

Nhiều anh em thắc mắc Web Developer thì có cần biết về SEO hay không? Câu trả lời là CẦN nhé ! Sản phẩm làm ra mà không có người dùng thì cũng vứt. Vì thế SEO và Marketing là các bước quan trọng để đưa sản phẩm đến người dùng. Team Dev mà làm web như shit thì team SEO cũng khó mà SEO được.Và đây là Checklist SEO cho Web Developer mà mọi người có thể tham khảo để áp dụng cho các dự án của mình.

1. Serverside rendering là người bạn đồng hành.

– Các Search Engine hiện nay vẫn chưa tối ưu tốt cho Clientside Renderring, vì thế ngay từ lúc chọn công nghệ cho dự án hãy nghĩ đến điều này.

– Nếu bạn đã lỡ chọn các FW Clientside rendering như React, Angular thì có thể nghĩ đến giải pháp dynamic rendering như Shopee đang dùng.

– Hoặc muốn đơn giản, chọn ngay Universal SSR. Các tân binh có thể kể như NextJs, NuxtJs. Tiktok, Binance, Twitch đang dùng công nghệ này.

– Gatsby cũng khá ổn nhưng mình mình không đánh giá cao về tính mở rộng của FW này.

2. Semantic HTML5, Code chuẩn SEO

– Tuân thủ các nguyên tắc như thẻ heading H1 thì chỉ nên xuất hiện 1 lần trên trang, các thẻ nên làm đúng nhiệm vụ của nó, không nên cheat quá nhiều.

3. Tối ưu tốc độ website

– Tối ưu tốc độ Server của bạn như áp dụng các công nghệ như Caching, nâng cấp Server lên gói cao hơn.

– Tối ưu website ở client bằng cách giảm kích thước các tài nguyên xuống.

– Về JS thì bạn nên quan tâm về vấn đề tree-saking, target js, vì nếu target thấp như ES5 hay các trình duyệt cũ thì sẽ cần polyfilling, điều này cũng gia tăng kích thước file đáng kể.

– Về CSS thì bạn nên xóa các CSS dư thừa. Nhớ minify JS và CSS cũng như xóa sourcemap đi nhé.

– Về image thì nên xóa các metadata của ảnh để giảm kích thước, có thể giảm đến 80% dung lượng đó!

– Có thể dùng PageSpeed Insights để phân tích website bị gặp vấn đề chỗ nào.

4. Image nên có alt

– Ảnh nên có mô tả alt trong tag, điều này rất tốt cho SEO

5. Thêm các tag Open Graph cho các mạng xã hội như FB, Twitter

– Việc này giúp việc chia sẽ web của chúng ta lên mạng xã hội dễ nhìn và đẹp hơn, tăng tỉ lệ click.

6. Những chức năng ẩn hiện như tab, nên dùng display-none chứ không nên dùng js xóa luôn khỏi DOM tree.

– Nếu đó là nội dung quan trọng cho SEO thì bạn nên ẩn hiện bằng display: none, vì nếu xóa hẳn element ra khỏi DOM tree thì search engine có thể không đọc được.

7. Tạo sitemap cho website

8. Tạo file robot.txt

9. Thân thiện với mobile

– Nhớ responsive đầy đủ các màn hình nhé. Tỉ lệ người dùng dùng mobile để lướt web cao hơn máy tính đó. Các website thân thiện mobile cũng được các search engine đánh giá cao.

10. Fix các link 404

– Các link lỗi, không tồn tại sẽ không được search engine đánh giá cao. Nếu người dùng vào thì cũng sẽ thoát ra ngay, điều này cũng dẫn đến website của bạn bị mất độ uy tín trên rank.

11. Nâng cấp lên SSL (HTTPS), vừa tốt cho bảo mật, vừa tốt cho SEO.

12. Cho phép website hiển thị trên các máy chủ tìm kiếm chứ đừng đợi các máy chủ tìm đến bạn. Nếu là google thì bạn có thể cập nhật trên Google Search Console

Nguồn : XdevClass

0 0 đánh giá
Article Rating
Theo dõi
Đăng nhập
Thông báo của
guest
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận

Sidebar chính

LỜI NGỎ

Đây là blog cá nhân, cung cấp các thông tin, kiến thức và kinh nghiệm về lập trình và cuộc sống. Những bài viết được mình sưu tập từ nhiều nguồn, mọi chi tiết liên quan đến bản quyền xin vui lòng liên hệ qua email kairu2607@gmail.com ! Cám ơn rất nhiều.

Tìm kiếm

Thủ thuật Wordpress

Hướng dẫn tạo shortcode menu trong WordPress

Chia sẻ theme JNews phiên bản mới nhất cập nhật thường xuyên

Tổng hợp các trường dữ liệu leech truyện với theme Madara

Chức năng theo dõi đơn hàng cho Woocommerce

Thay đổi cách hiển thị thông tin tài khoản ngân hàng của Woocommerce

Hướng dẫn thêm trường yêu cầu xuất hóa đơn VAT vào Woocommerce

Hướng dẫn thêm trạng thái sản phẩm trong Woocommerce

Codeigniter Framework

[CodeIgniter 4] Codeigniter 4 Remove Public and Index.php From URL

[CodeIgniter 4] How to upload Codeigniter 4 website on share hosting?

Sửa lỗi website Codeigniter 2.x không chạy được với PHP 7.x

[CodeIgniter 4] Sử dụng cURL trong CodeIgniter 4

[CodeIgniter 4] Sử dụng cache để tăng tốc website trong CodeIgniter 4

[CodeIgniter 4] Xử lý hình ảnh chuyên nghiệp trong CodeIgniter 4

[CodeIgniter 4] Hướng dẫn gửi mail trong CodeIgniter 4

Dịch vụ Thiết Kế Website

Laravel

Cách Bảo Mật Đơn Giản Trong Laravel Bằng Ẩn Config Quan Trọng

Tạo Desktop Notification đơn giản và dể hiểu

Vime thư viện HTML5 Player vừa đẹp mà vừa ngon

Laravel domPDF cách tùy biến Font chữ bất chấp mọi thể loại

Laravel JetStream

Cung cấp dữ liệu quốc gia và ngôn ngữ khác trong Laravel

Phần mềm hay

Hướng dẫn tắt Gatekeeper (Bật tùy chọn Anywhere) sửa lỗi “damaged and can’t be opened. You should move it to the Trash”

Cài lại macOS trên Mac Silicon (M1) “sạch trơn” bằng macOS Recovery

Cách vào Recovery [Startup Options] trên Mac dùng chip Apple Silicon [M1]

Hướng dẫn tắt System Integrity Protection (SIP) để chạy App Cr4ck

Remote System Explorer (SSH, Telnet, FTP and DStore protocols)

Copyright © 2023 · Metro Pro on Genesis Framework · WordPress · Đăng nhập

wpDiscuz