• 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
  • 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 - Administrator Để 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
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
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

T

Tạo trang chuyển hướng download cho WordPress

[flatsome ] Text Ticker (fade) For Top Bar In Flatsome Theme

[Flatsome] Text Ticker (Fade) for Top Bar in Flatsome Theme

Định Dạng ảnh Webp Là Gì ? Làm Thế Nào để Sử Dụng Webp Trên Wordpress 2024 Mới Nhất ?

Định dạng ảnh WebP là gì ? Làm thế nào để sử dụng WebP trên WordPress 2024 mới nhất ?

X

Xử Lý Lỗi Không Xem Được Giỏ Hàng Và Thanh Toán Woocommerce Website WordPress

Vì Sao Rank Math Vượt Trội – SEO WordPress 2023

Hướng Dẫn Ghi đè (override) Folder Inc Trong Child Theme Flatsome

Hướng dẫn ghi đè (override) folder INC trong child-theme Flatsome

Hướng Dẫn Quản Lý Trang Trong Website WordPress

Laravel

Một số câu hỏi câu hỏi phổ biến phỏng vấn tuyển dụng lập trình viên Laravel

Thiết kế cấu trúc folder HMVC cho Laravel

Tại sao lại sử dụng Laravel Service và Repository Pattern?

[Laravel 7] Tổ chức theo dạng Package/Module trong ứng dụng Laravel – P3: khai báo config, translation, helpers và migrations

[Laravel 7] Tổ chức theo dạng Package/Module trong ứng dụng Laravel – P2: Route và mô hình MVC

[Laravel 7] Tổ chức theo dạng Package/Module trong ứng dụng Laravel – P1: Giới thiệu và khởi tạo cấu trúc thư mục cơ bản

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

Phần mềm hay

Hướng dẫn chuyển đổi php version trong ~/.zshrc ở MacOs

Tim Hieu Ve He Dieu Hanh Macos 1

Sửa file Hosts trong hệ điều hành MacOS

Hướng dẫn sử dụng phần mềm putty trên Windows

Switching between multiple PHP versions on macOS

Byebye Edge Chromium/Microsoft Edge

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

wpDiscuz