Giáo trình XUẤT bản WEB lên INTERNET

BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN TRƯỜNG CAO ĐẲNG CƠ ĐIỆN HÀ NỘI **************************** GIÁO TRÌNH MƠN HỌC/MƠ ĐUN: XUẤT BẢN WEB LÊN INTERNET NGÀNH/NGHỀ: THIẾT KẾ TRANG WEB (Ban hành kèm theo Quyết định số: /QĐ-CĐCĐ-ĐT ngày…….tháng….năm Trường Cao đẳng Cơ điện Hà Nội) Hà Nội, năm… BÀI 1: LẬP KẾ HOẠCH XUẤT BẢN WEBSITE Xây dựng website 1.1 - Thiết kế giao diện Giao diện mặt website, đóng vai trị vơ quan trọng việc định vị thương hiệu - Giao diện website cần thiết kế cách thông minh thu hút để khiến khách ghé thăm ấn tượng ghi nhớ đầu, tạo mối liên hệ giao diện website thương hiệu bạn Hơn nữa, giao diện website bắt mắt thơng minh tạo ấn tượng lơi kéo khách ghé thăm gia tăng tỷ lệ chuyển đổi cho bạn - Thiết kế giao diện website có hai hướng sau: + Một thiết kế dựa mẫu website có sẵn tùy theo thể loại trang (còn gọi template) + Hai tự xây dựng giao diện website phong cách riêng + Cách thứ phổ biến tất nhiên tiết kiệm nhiều Đánh đổi lại việc giao diện website bạn có nguy bị “rập khuôn”, trùng lặp thiết kế với nhiều thương hiệu khác + Ngược lại, cách thứ hai tốn bạn nhiều chi phí thời gian hơn, đảm bảo thiết kế website nhất, thể nét thương hiệu riêng doanh nghiệp thị trường trực tuyến vốn nhiều đối thủ cạnh tranh - Các tính website khơng nhiều thường thiết kế theo module Các lập trình viên sử dụng module để nhanh chóng tạo thêm tính cho trang web bạn cách nhanh chóng Một số module kể đến như: module trang chủ, landing page, trang tin tức, form (biểu mẫu) hỗ trợ, trang tuyển dụng, trang “Về chúng tơi”, menu tìm kiếm, v.v… Việc áp dụng module thường không nhiều thời gian công sức, đặc biệt bạn sử dụng giao diện mẫu có sẵn - Bên cạnh tính bạn, số loại website cần phải có tính cao cấp khơng phổ biến trang web bình thường - Đây yếu tố ảnh hưởng lớn đến chi phí thiết kế website mua hàng toán online, booking đặt dịch vụ, live-chat, gợi ý nội dung cá nhân hóa,… vơ số tính nâng cao khác thêm vào tùy theo mục đích sử dụng doanh nghiệp yêu cầu thực tiễn phát sinh trình phát triển trang web Điều lý giải có trang web giá chục triệu đồng, có trang web giá tới trăm triệu đồng Chiến lược phát triển website - Là điều quan trọng, Website Tùy vào đặc thù lĩnh vực mà thiết kế Website cách thức quản lý Website Mục đích chiến lược phát triển website? - Nếu bạn có chiến lược phát triển website tốt đứa có tầm ảnh hưởng mạnh mẽ lâu dài - Muốn có điều phải có hợp lý cân nhiều yếu tố - Bạn nên chọn lọc thêm bỏ bớt gì, nghĩa bạn nên biết nên ưu tiên cho vấn đề hạn chế lỗi để trang web ngày thu hút 2.1 Nội dung (Content) - Trước bạn thành lập website bạn soạn thảo cho cách nội dung thật hay liên quan đến ngành nghề dịch vụ giá trị mà bạn muốn nói đến Nó thể nội dung cốt lõi mà bạn muốn khách hàng hiểu rõ cơng ty bạn Bạn có tạo website đẹp đến đâu, nhìn thống qua thu hút người dùng ghé thăm, bỏ thời gian vào trang khơng tìm điều họ cần liệu có giữ chân họ hay khơng? Nội dung trang web phần quan trọng chiến lược phát triển website Chỉ đáp ứng yêu cầu người dùng, cung cấp thơng tin thật bổ ích khách hàng không rời bỏ 2.2 Giao diện - Nếu có phần nội dung hồn hảo cách thể lại phức tạp, người dùng phải lâu tìm kiếm thơng tin họ mong muốn việc họ tìm đến website khác điều dễ hiểu Bạn cần để thông tin thể cách trực quan, dễ tiếp cận, phải thân thiện hấp dẫn người dùng 2.3 SEO (Search Engine Optimization) - Sau hai bước trên, nghĩa sau có tảng nội dung tốt giao diện thân thiện điều mà nên quan tâm để nhiều người biết đến ngơi nhà Dịch vụ seo giúp có điều Khi SEO tốt bạn có nguồn traffic dồi dào, đường tốt ổn định để người dùng biết tìm đến - Mọi người thường ngần ngại phải bỏ chi phí để quảng bá thương hiệu mình, thay vào họ tìm thủ thuật để đưa website đến gần với người dùng Nhưng quên ngày cơng cụ tìm kiếm tích hợp thuật tốn để phân tích hạn chế thủ thuật Việc sử dụng dịch vụ SEO cần thiết để có hiệu cao với chi phí hấp dẫn cơng cụ tìm kiếm thừa nhận - Hãy nhớ thực tốt hai bước trước thực bước Nó giống việc bạn tạo móng cho ngơi nhà xây dựng sau trang trí cho Đảo lộn thứ tự thứ ta khơng có hiệu cao BÀI 2: ĐĂNG KÝ TÊN MIỀN VÀ HOSTING Đăng ký tên miền 1.1 Khái niện Domain DNS Server - Domain: định danh website Internet Domain thực chất địa IP biến đổi thông qua DNS VD: 203.133.35.15 www.codienhanoi.edu.vn - DNS Server: server có nhiệm vụ ánh xạ địa IP thành domainvà ngược lại - Máy tính lưu nội dung website có địa IP để máy tính khác truy cập vào Do địa IP khó nhớ nên người ta chuyển thành domain cách sử dụng DNS Minh họa domain, DNS web hosting 1.2 Phân Cấp Domain  Gồm hai cấp chính: cấp cao thứ cấp – Domain cấp cao (Top-level Domain): bao gồm mã quốc gia: + VN : Việt Nam + US : Mỹ Hoặc số lĩnh vực dùng chung như: - + COM: thương mại (COMmerial) + NET: mạng lưới (NETwork) + ORG: tổ chức (ORGnizations) + INFO: thông tin (INFOmation) + EDU: giáo dục (EDUcation) - Domain thứ cấp (khơng bắt buộc phải có): tất domain lại mà phải phụ thuộc vào domain cấp cao Để đăng ký domain thứ cấp thông thường phải liên hệ trực tiếp với người quản lý domain cấp cao 1.3 Web hosting Hai loại hình web hosting thường dùng nhất: - + Windows hosting: dựa vào tảng hệ điều hành Windows Microsoft + Linux hosting: dựa vào tảng hệ điều hành Linux + Tùy theo nhà cung cấp mà chất lượng web hosting khác : + Web hosting thường đặt máy chủ (server): Nếu truy cập Internet thông thường qua nhà cung cấp Internet(ISP) địa IP máy bị thay đổi => Máy khác thể truy cập liệu máy qua Internet + Nếu đặt nội dung website máy chủ chuyên dụng địa IP máy cố định khác khơng thể truy cập liệu máy qua Internet - Một số hosting Linux hay sử dụng + cPanel: phần mềm mà hosting Linux hay sử dụng Ngồi cịn phần mềm khác như: Webmin, Hosting Controller, DirectAdmin… + Để website hoạt động mạng cần có domain & hosting Với người dùng cá nhân thơng thường, muốn có domain & hosting cần giao dịch với nhà cung cấp + Domain & hosting có loại : phí miễn phí Các domain & hosting miễn phí thường hay kèm quảng cáo nhiều hạn chế, nên sử dụng với mục đích cá nhân + Với hosting tính phí, nhà cung cấp đưa nhiều lựa chọn tùy theo nhu cầu người dùng : + Shared hosting : người dùng cấp hosting từ bên cung cấp để sử dụng + Virtual Private Server : người dùng thuê máy chủ ảo tồn quyền quản trị host + Dedicated server : người dùng thuê máy chủ thật toàn quyền tạo máy chủ ảo quản trị host + Reseller : người dùng trở thành đại lý cung cấp dịch vụ Shared hosting VPS cho người khác 1.4 Đăng ký domain & shared hosting Bước đầu người quản trị domain & hosting đăng ký domain & hosting với nhà cung cấp Sau nhà cung cấp gửi lại email thông tin domain & hosting đăng ký 1.4.1 Cấu hình domain Để website hoạt động với domain chọn cần phải trỏ IP domain IP hosting Trong phần có nội dung: Khái niệm record DNS - Record ghi database DNS server ánh xạ domain (hoặc subdomain) với địa IP - Một số loại record thường dùng: + Record A (Address): cho DNS server biết website bạn đâu + Record Cname (Canonical Name): thông báo cho DNS server biết tên domain bạn + Record MX (Mail Exchange): cho mail server biết tên domain bạn + Record NS (Name Server): cho biết tên server hệ thống DNS Để trỏ domain chứa website cần thiết lập hai record sau: Record A: + Host record: điền @ + Record type: chọn A + Address: điền địa IP nơi chứa website bạn Record Cname: + Host record: điền www + Record type: chọn Cname + Address: điền tên domain bạn - Để trỏ subdomain (domain trỏ tới trang website) cần thiết lập record A sau: + Host record: điền tên subdomain + Record type: chọn A + Address: điền địa IP nơi chứa website ứng với subdomain bạn - Từ danh sách từ khóa, bạn lập danh sách URL trước bắt tay vào viết nội dung Ví dụ : Từ khóa URL codienhanoi http:// codienhanoi.edu.vn/vi/ codienhanoi http:// codienhanoi.edu.vn/vi/ tuyensinhcodienhanoi http://tuyensinh.codienhanoi.edu.vn/ Lưu ý: Một viết SEO với từ khóa nhiều từ khóa phụ (chứa từ khóa chính) Có nhiều cách viết URL khác bạn lựa chọn: 1/ Phân cấp thư mục http:// codienhanoi.edu.vn/vi/ 2/ Chỉ sử dụng cấp (từ khóa đặt sau tên miền) : http://tuyensinh.codienhanoi.edu.vn/ Tối Ưu Bên Trong Trang Web Sau chọn từ khóa, thiết kế cấu trúc URL viết, bạn chuyển sang bước viết nội dung tối ưu yếu tố trang web (onpage) Dưới thành phần trang web: Nguyên tắc 1: Từ khóa xuất tất thành phần trang web: Tiêu đề, Mơ tả, URL, Headline, hình ảnh & đoạn văn viết Nguyên tắc 2: Từ khóa đặt bên trái tốt bên phải, bên tốt bên Tiếp theo, tìm hiểu việc tối ưu yếu tố trang: - Title + Mô tả ngắn gọn chủ đề trang, 10 – 70 ký tự, nên đặt từ khóa bên trái tiêu đề + Nội dung tiêu đề phải toàn website + Thẻ đặt phần nội dung HTML: TRUONG CAO DANG CO DIEN HA NOI - META Decription + Miêu tả chi tiết lợi ích trang web, chiều dài 100 - 160 ký tự, chứa từ khóa + Nội dung mơ tả phải tồn website: Các trang khác tiêu đề mơ tả phải khác EBOOK SEO MASTER - Tự học SEO Miễn Phí Nội dung Title Description xuất kết tìm kiếm Google Bạn viết để hấp dẫn người dùng, giúp tăng lượng truy cập vào website Ngoài ra, cịn có thẻ META Keywords dùng để liệt kê từ khóa Hiện Google khơng đọc thẻ nên tốt bạn không nên sử dụng trang web - Heading (H1, H2, H3): Dùng để định dạng đề mục nội dung Có loại thẻ heading từ H1 đến H6 Trong đó, H1 có độ nhấn mạnh cao nhất, font chữ lớn giảm dần H6 Nguyên tắc 3: font chữ lớn nội dung quan trọng - cần chứa từ khóa Dịng headline (tên viết) phần bắt đầu viết, cần đặt TRUONGCODIENHANOI thẻ H1 Hướng dẫn đưa website lên TOP Google Ngồi ra, bạn sử dụng thẻ in đậm , in nghiêng để nhấn mạnh từ khóa so với từ xung quanh - Hình ảnh (IMG) Hình ảnh thành phần nội dung cần tối ưu theo từ khóa Google khơng đọc nội dung file ảnh (xấu hay đẹp Google khơng biết), mà đọc phần nội dung văn Với hình ảnh, bạn cần đặt từ khóa trong: + Tên file ảnh + Thẻ ALT (mơ tả ảnh) + Dịng thích phía ảnh Lưu ý: + Không chặn Robot (trong file robots.txt) đọc thư mục chứa file ảnh + Tạo thêm nhiều backlink đến ảnh, cách nhúng ảnh vào nhiều viết + Nội dung ảnh phải phù hợp với chủ đề trang web, làm rõ nghĩa cho viết + Dung lượng kích thước file ảnh vừa đủ để trang web tải nhanh + Văn xung quanh hình ảnh phải liên quan đến từ khóa + Để chắn Google index, bạn nên đặt URL ảnh file sitemap.xml - Mật độ từ khóa Là tỷ lệ số lần xuất từ khóa trang web (bao gồm Title Description), so với tổng số lần xuất tất từ có độ dài Một số lời khuyên mật độ từ khóa: + Từ khóa cần SEO có mật độ cao trang web + Khơng lặp lại từ khóa q nhiều đoạn văn (>= nhiều) + Mật độ từ khóa tốt từ 2% – 5% Bạn sử dụng công cụ SEOQuake để kiểm tra nhanh mật độ từ khóa Ngồi yếu tố trên, nội dung trang web bạn phải hấp dẫn người dùng Nếu tỷ lệ thoát (Bounce Rate) thấp - nghĩa khách hàng lại trang web lâu tốt  Các Yếu Tố liên quan đến thứ hạng Website - Tên miền Hosting Tên miền có ảnh hưởng lớn đến thứ hạng tất trang web website Vì lý này, bạn nên lựa chọn: 1/ Tên miền chứa từ khóa (có hiệu ngay), 2/ Tên miền theo hương hiệu (về lâu dài tốt tên miền từ khóa) 3/ Sử dụng tên miền có tuổi thọ, PageRank cao 4/ Đi theo địa lý, ví dụ: VN tốt SEO Việt nam 5/ Càng ngắn gọn tốt, tránh nhầm lẫn, nghe lần nhớ viết lại Hosting nơi lưu trữ nội dung website Bạn nên chọn dịch vụ hosting chất lượng (máy chủ mạnh, băng thông rộng), gần khách hàng tiềm tốt Ví dụ: bạn hướng đến khách hàng Mỹ bạn nên đặt website Mỹ  Ngơn ngữ trang web Bạn thông báo với Search Engine biết trang web bạn dùng ngơn ngữ gì, cách sử dụng thuộc tính lang xml:lang thẻ HTML; Ví dụ xác định trang web dùng ngôn ngữ Tiếng Việt (vi) Nếu bạn không cài đặt ngơn ngữ Search Engine tự phát Tuy nhiên, bạn rõ ràng Search Engine thích  File robots.txt - Khi Robot truy cập vào website, trước đọc nội dung trang web, tìm đến file robots.txt Đây file text, đặt thư mục gốc, chứa dòng lệnh dùng để CẤM Robot không truy cập đến số tài nguyên website - Trong website bạn chắn có số trang, thư mục, file mà bạn khơng muốn bị người khác “nhịm ngó” Khi bạn sử dụng lệnh DisAllow để cấm Robot đọc Nếu bạn sử dụng lệnh Allow: /, tất ngóc ngách website Google index Xem ví dụ: http://codienhanoi.edu.vn/robots.txt Bước 1: Mở notepad soạn nội dung theo mẫu sau User-agent: * < tất spiders Disallow: /admin/ < cấm đọc trang Disallow: /private/ thư mục admin Disallow: /backup/ Allow:/ < cho phép đọc phần lại Sitemap: http://codienhanoi.edu.vn/sitemap.xml Bước 2: Copy file lên thư mục gốc website Nếu thấy website bị nhiều index, bạn kiểm tra file robots.txt xem có dịng cấm (DISALLOW) Robot đọc nội dung trang web hay khơng Ngồi cách sử dụng file robots.txt, bạn sử dụng thẻ META ROBOTS phần nội dung HTML để điều khiển Robot truy cập vào trang web đó: Trong đó, giá trị trường content: + ALL Cho phép Robots Index theo links tới trang khác = Index, Follow + NONE Không cho Index không cho tới trang khác = NoIndex, NoFollow + [NO]INDEX [Không] cho phép Robot index trang web + [NO]FOLLOW [Không] cho phép Robot lần theo link đến trang đích, khơng truyền giá trị cho trang đích Khi Robot đọc file robots.txt, đưa nội dung file máy chủ để báo cáo Bạn xem nội dung Webmaster Tools, menu: Tình trạng >> URL bị chặn 3.1 Sitemap ? Sitemap (sơ đồ website) danh sách liệt kê trang web website Đây cách để Robot nhanh chóng tìm đọc trang web bạn Có loại sitemap: 3.1.1 Dành cho người dùng (có thể trang web sitemap.html) 3.1.2 Dành cho robots: sitemap.xml (đặt thư mục gốc website) Cách tạo file sitemap.xml  Xây Dựng Liên Kết - Backlink ? Là liên kết từ trang sang trang khác Một backlink tạo phần:  Anchor text: phần người dùng nhìn thấy  URL: địa trang đích Khi người dùng bấm vào Anchor text trang Google sử dụng số lượng chất lượng backlinks trỏ tới trang web yếu tố quan trọng để xác định thứ hạng trang web Anchor text Một số lưu ý xây dựng liên kết:  Đặt backlinks từ trang có chủ đề nội dung  Đặt backlinks từ trang có PageRank cao  Quá nhiều backlinks khoảng thời gian ngắn làm thứ hạng trang web bị phạt, bị xóa mục hồn tồn  Đặt backlink lên từ khóa cụm từ chứa từ khóa Link popularity (Độ phổ biến liên kết): trang web bạn phổ biến rộng (nhiều liên kết từ bên trỏ đến, từ nhiều nguồn khác nhau) thứ hạng cao Link building: cơng việc (q trình) xây dựng liên kết / đến trang web để điều hướng người dùng robot, từ làm tăng mức độ phổ biến thứ hạng trang web 4.1 Các loại backlink 1/ Internal links: liên kết trỏ tới trang website + Các menu trang web thường Internal links + Dùng để điều hướng người dùng robot di chuyển trang website + Là yếu tố giúp Search Engine biết trang trang quan trọng website + Một số lưu ý xây dựng liên kết nội bộ: 4.1.1.1 Robot khó nhận diện liên kết tạo Javascript 4.1.1.2 Liên kết flash Robot khơng thể truy xuất 4.1.1.3 Không đặt nhiều link trang, thường