• 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.

Thủ thuật Wordpress

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

[Woocommrece] Thêm note phương thức thanh toán Woocommrece

Tự động điền các thuộc tính của ảnh dựa trên tiêu đề

Hướng dẫn cách truyền tiêu đề sản phẩm vào Contact Form 7

[Woocommerce] Label tùy chỉnh cho sản phẩm của Woocommerce

Chuyển tiêu đề woocommerce chi tiết sản phẩm từ h2 thành h1 trong theme The7

Hướng dẫn chặn update wordpress

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

React Native

Setting ANDROID_HOME enviromental variable on Mac OS X

Could not find tools.jar. Please check that /Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home contains a valid JDK installation

All Image/Fast Image in React Native app not working on iOS 14 beta and Xcode 12 beta – Fix image cannot show in iOS 14

Phần mềm hay

Phần mềm download truyện tranh KnightComic

Tải Anhdv Boot 2021 Premium mới nhất làm USB Boot

JetBrains PhpStorm v2020.1.3 Mới Nhất

Evernote – Phần mềm quản lý ghi chú hiệu quả

Phần mềm hỗ trợ tải truyện tranh – KT Manga Downloader

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

wpDiscuz