[Video] Hướng Dẫn Thiết Kế Web Chuẩn SEO Miễn Phí

Video Hướng Dẫn Thiết Kế Web Chuẩn SEO Miễn Phí

Bạn không biết lập trình và thiết kế website, bạn không biết một website như thế nào là chuẩn SEO và chưa biết tối ưu tốc độ tải trang và Google PageSpeed? nhưng rất cần tạo 1 website để trang bị thêm kỹ năng hoặc đơn giản là tiết kiệm chi phí cho bản thân và doanh nghiệp, đừng lo lắng! Viện IT ra mắt khóa học bằng video hướng dẫn cách thiết kế web chuẩn SEO,  mà không cần lập trình dòng code nào cho mọi đối tượng một cách hoàn toàn Miễn Phí.

website demo và thực hành www.seooverall.com

Với hướng dẫn này bạn sẽ hoàn toàn tự thiết kế được 1 website như SEO Overall, chuẩn SEO và đặc biệt là tối ưu PageSpeed Google mà không đụng 1 dòng code nào.

Mục lục nội dung chính [đóng lại]

Phần 1: Cách Tạo Website Từ A-Z

  • Site demo và thực hành: seooverall.com
  • Thời lượng: 3 giờ
  • Nền tảng học: Video trực tuyến Youtube
  • Giá khóa học: Miễn phí (bao gồm theme và plugins bản quyền)

Subscribe kênh Youtube Hòa Huỳnh để tải tài nguyên bản quyền miễn phí tại đây

https://youtube.com/watch?v=DM7t3TVNuIk%3Ffeature%3Doembed

Chương I: [Cơ bản] Cách thiết kế Website không cần biết lập trình

1

Một website hoạt động cần những gì?

Để một website cơ bản hoạt động được trên môi trường internet bạn cần có 3 thành phần sau:

  • Domain (Tên miền): Tên miền dùng để định danh địa chỉ internet của máy chủ, hiện nay có những loại tên miền phổ biến như: .com (thương mại) .net (mạng lưới) .info (thông tin) .org (tổ chức) .edu (giáo dục) .vn và .com.vn (tên miền việt nam)…
  • Server/ Hosting (Máy chủ): Hosting là dịch vụ lưu trữ website được chia nhỏ ra từ một Server để tối ưu chi phí cho người sử dụng, hiện nay có 2 dạng máy chủ phổ biến là Server Windows và Server Linux (Website demo và thực hành trong khóa học này mình sẽ sử dụng Hosting Linux sử dụng Cpanel)
  • Source Website (Thiết kế Website): Source website hiện nay được lập trình và thiết kế bằng các ngôn ngữ lập trình như: JAVA, PYTHON, CSHARP, JAVASCRIPT, PHP… trong đó còn chứa nhiều phần mềm quản lý nội dung (CMS) ví dụ như WordPress là một CMS sử dụng ngôn ngữ lập trình PHP, đối với khóa học này bạn sẽ học cách thiết kế website kéo thả mà không cần code bằng mã nguồn mở WordPress.
Cách thiết kế Website không cần biết lập trình

Bạn có thể hiểu đơn giản, tên miền là địa chỉ nhà, hosting là nền đất, công việc thiết kế hay lập trình website là xây nhà! vậy nhà đẹp và tốt hay không là do bạn.

Đối với dịch vụ tên miền và hosting bạn sẽ trả phí cho nhà cung cấp dịch vụ theo năm, trong đó với một website mới không yêu cầu đặc biệt, bạn nên sử dụng nhà cung cấp dịch vụ hosting và domain như SEO Overall chỉ từ 610.000 vnđ. Link đăng ký dịch vụ tại đây (dùng mã giảm giá vienit để được giảm 10% phí dịch vụ ngay nhé)

Lưu ý: Bạn có thể sử dụng XAMPP – cài đặt localhost trên máy tính để test thử mà không cần chi phí mua tên miền và hosting, tuy nhiên website sẽ không hoạt động được môi trường internet và không test được PageSpeed và các tiêu chí SEO Onpage khác.

2

Tài nguyên và kiến thức cần chuẩn bị

Để hoàn thành xuất sắc bài demo trên thì bạn cần chuẩn bị một số kiến thức vài tài nguyên nhất định, đối với anh em đã vững kiến thức về đồ họa và tin học căn bản thì sẽ hoàn thành rất tốt, đối với những anh em mới cũng đừng lo lắng quá mức, Google Search sẽ luôn bên bạn.

Kiến thức cần chuẩn bị
  • Đồ họa cơ bản: Photoshop, AI, Corel…
  • Kiến thức HTML và CSS cơ bản (vừa làm vừa Search Google)
  • Kiến thức SEO cơ bản: Bạn nên đọc qua những bài này
Tài nguyên và kiến thức cần chuẩn bị để thiết kế website chuẩn SEO
Tài nguyên bản quyền miễn phí 100%

Tất cả tài nguyên để thiết kế website và tối ưu chuẩn SEO như seooverall.com mình sẽ chia sẻ miễn phí 100% sau khi bạn Subscribe kênh tại đây, hãy inbox qua fanpage Viện IT mình sẽ gửi ngay!

Theme:

  • Flatsome | Bởi UX-Themes
  • Flatsome Child (kích hoạt theme này)

Plugins:

  • Classic Editor | Bởi Cộng tác viên WordPress
  • Contact Form 7 | Bởi Takayuki Miyoshi
  • Table of Contents Plus | Bởi Michael Tran
  • TinyMCE Advanced | Bởi Andrew Ozz
  • WP Mail SMTP | Bởi WPForms
  • WP Rocket | Bởi WP Media
  • Yoast SEO Premium | Bởi Đội nhóm Yoast
hướng dẫn thiết kế website bằng WordPress

3

Tiến hành thiết kế Web bằng WordPress.

Để tiến hành thiết kế một website bất kỳ, bạn cần phải lên layout và bản thiết kế website bằng những phần mềm đồ họa trước, hoặc đơn giản là làm theo một website mẫu bất kỳ rồi chỉnh sửa nội dung của bạn.

  • Giải thích để một website hoạt động được trên internet
  • Cách đăng ký tên miền và hosting tại Tino Hosting (đăng ký tại đây và nhập mã giảm giá vienit để giảm 10% dịch vụ)
  • Cách thêm Website vào Hosting và cấu hình PHP
  • Cài đặt WordPress hoàn toàn tự động trong Cpanel
  • Giới thiệu CMS WordPress và cách cấu hình Website cơ bản
  • Cài đặt Theme và Plugins
  • Cách tạo mới Trang / Chuyên mục bài viết
  • Cách tạo Menu
  • Cách thiết kế Header
  • Cách thiết kế Footer
  • Cách thiết kế trang chủ – Landing Page
  • Tạo bài viết / chuyên mục / tag / widget
hướng dẫn tối ưu tốc độ website và điể Google PageSpeed trên Mobile
hướng dẫn tối ưu tốc độ website và điể Google PageSpeed trên PC

Chương 2: [Nâng cao] Hướng dẫn tối ưu website chuẩn SEO

4

Tối ưu hóa Website Chuẩn SEO cơ bản

Viện IT là Agency dịch vụ seo tổng thể chuyên nghiệp, sẽ hướng dẫn cách tối ưu website chuẩn SEO Onpage căn bản, những tiêu này bạn nên tham khảo trước tại bài viết hướng dẫn SEO Web đầy đủ nhất tại đây

5

Kỹ thuật tối ưu Google PageSpeed và tốc độ tải trang

Với những giải thích và lưu ý dưới đây bạn sẽ hoàn toàn cải thiện được thời gian tải website và tăng điểm Google PageSpeed vô cùng hiệu quả một cách đơn giản ai cũng có thể làm được.

  • Lựa chọn Server/Hosting chất lượng và tối ưu PHP version
  • Kỹ thuật tối ưu hình ảnh (Định dạng, kích thước, Lazy load)
  • Kỹ thuật tối ưu Cache / Optimize HTML, CSS & JS
  • Chọn theme đã được nhà phát triển tối ưu
  • Sử dụng ít plugins, nên chọn những plugins được tối ưu và nhiều tính năng gom nhóm
  • Hạn chế nhúng dịch vụ và scripts bên thứ 3 vào website
  • Dọn dẹp và tối ưu Database
Phần 2: Cách tạo Web bán hàng online chuyên nghiệp

Phần 2: Cách tạo Web bán hàng online chuyên nghiệp

  • Site demo và thực hành: shop.seooverall.com
  • Thời lượng: 1 giờ 20 phút
  • Nền tảng học: Video trực tuyến Youtube
https://youtube.com/watch?v=F46CVtu-9cc%3Ffeature%3Doembed

6

Mục lục nội dung chính phần 2

Kết thúc video này bạn sẽ hoàn toàn tự nâng cấp lên một website bán hàng online chuyên nghiệp như web demo shop.seooverall.com một website bán hàng thời trang, có giao diện chuyên nghiệp, chức năng đầy đủ của một trang bán hàng cơ bản như (Quản lý sản phẩm, đơn hàng, cho phép khách hàng đặt hàng…) Hơn nữa website còn có cấu trúc chuẩn SEO, tối ưu tốc độ tải trang và điểm Google PageSpeed

  • Cài thêm Plugins WooCommerce hoàn toàn miễn phí
  • Lưu ý tắt Plugins WP Rocket trong khi chỉnh sửa và thiết kế web
  • Cách thiết lập và cấu hình plugins WooCommerce
  • Thiết lập đường dẫn tĩnh cho sản phẩm
  • Xác định và tiến hành tạo danh mục sản phẩm theo từng cấp
  • Sửa và tạo Menu shop
  • Thiết kế lại Header
  • Chỉnh màu lại Footer
  • Nhập sản phẩm mẫu
  • Thiết kế landing page trang chủ shop thời trang online

Phần 3: Cách tạo Schema đúng chuẩn

Hướng dẫn sử dụng plugin Schema Pro

Mình sẽ hướng dẫn dùng Schema Pro để tạo Schema Local Business và Schema Person, giúp hỗ trợ quá trình xác thực Entityhttps://www.youtube.com/embed/tP0jb2UGIpw?feature=oembed

Lời kết

Với video Hướng dẫn thiết kế Website chuẩn SEO và kỹ thuật tối ưu tốc độ tải trang và điểm Google PageSpeed trên, hy vọng sẽ giúp ích đến anh em. Chân thành cảm ơn!

Nếu hay và hữu ích, xin hãy like, share và Subscribe kênh youtube của mình ủng hộ mình thêm nhiều động lực để có thêm nhiều bài viết và video hữu ích hơn.

Có thể bạn chưa biết! Viện IT là công ty thiết kế website doanh nghiệp chuẩn SEO hàng đầu, với kinh nghiệm và cái tâm làm nghề. Hy vọng sẽ góp phần xây dựng thương hiệu quý khách một cách bền vững và toàn diện.

Biên tập: Hòa Huỳnh Founder Viện IT

Trả lời