Chương 2:
WEBSITE
Trung tâm kết nối
mọi hoạt động Marketing
trên Internet
Mục tiêu chương
1. Hiểu được tầm quan trọng của website đối với
hoạt động Internet Marketing
2. Nắm được các đặc điểm kỹ thuật của website
3. Hiểu nguyên tắc thiết kế website
4. Phát triển website
Nội dung chương
1. Khái quát chung về website
2. Website - trung tâm của chiến lược Internet Marketing
3. Đặc điểm kỹ thuật của website
4. Thiết kế website
5. Phát triển website
6. Những sai lầm thường gặp khi xây dựng website
1. Khái quát chung về website
Khái niệm website
Văn bản
Hình ảnh
Video
Flash
…
Domain: vnexpress.net
Subdomain: kinhdoanh.vnexpress.net
Web hosting
Web server
Website
Website là một tập hợp trang web, thường nằm trong
1 tên miền trên Internet
Chọn mua tên miền
• Tên miền và thương hiệu là hai khái niệm hoàn toàn độc
lập với nhau
• Tên miền không thuộc phạm vi điều chỉnh của Luật Sở hữu
trí tuệ.
Nên chọn tên miền như thế nào?
1. Càng dễ đọc càng tốt
2. Không có nghĩa xấu khi được đọc bằng ngôn ngữ khác
3. Khó gây nhầm lẫn / khó viết sai
4. Phù hợp với bạn
5. Đừng giống với những tên miền sẵn có
Chọn mua tên miền
• Domain 1 cấp (ví dụ: trungduc.net)
• Domain nhiều cấp, hay còn gọi là sub-domain (ví
dụ: note.trungduc.net).
• Domain theo quốc gia(.vn; .fr …)
Nhà cung cấp Việt Nam: matbao.vn, bkns.vn,…
• Domain quốc tế (.com, .net, .org,…)
Nhà cung cấp quốc tế: Godaddy
Cách mua tên miền
1. Vào website của nhà cung cấp
2. Kiểm tra tên miền
3. Tiến hành mua
4. Thanh toán online
Ví dụ: Godaddy.com
• Theo sự tương tác với
người dùng
Web 1.0
Web 2.0
Web 3.0
Phân loại website
• Theo dữ liệu
• Web tĩnh
• Web động
• Theo đối tượng sở hữu
Web cá nhân
Web doanh nghiệp
Web thương mại điện tử
Web tin tuéc
Web dành cho các tổ chức, cơ
quan nhà nước
Diễn đàn
Mạng xã hội
Web giải trí
Một số hình thức đặc biệt của website
• Microsite
• E-store
• Wapsite
• Blog
• Cộng đồng trực tuyến/ Mạng xã hội
Microsite
• Microsite (minisite): là website có quy mô nhỏ,
được sử dụng để giới thiệu về một sự kiện, một
sản phẩm mới hoặc chương trình khuyến mại
• Thường chỉ tồn tại trong khoảng thời gian ngắn
• Có thể có domain riêng hoặc subdomain
E – STORE: gian hàng điện tử
• Thuê gian hàng trong các website thương mại
điện tử
• Tích hợp sẵn hệ thống thanh toán
Blog
• Một hình thức nhật ký trên Internet
• Lợi ích cho hoạt động Marketing
- Thông tin được đưa lên dễ dàng và nhanh chóng
- Tạo cảm giác gần gũi, thân thiện đối với khách hàng
- Tạo kênh truyền thông 2 chiều với khách hàng
- Dễ dàng nhận phản hồi từ khách hàng
- Tăng lượng truy cập cho website chính
- Xây dựng thương hiệu cá nhân
- ….
Forum | Mạng xã hội
• Cộng đồng dành cho khách hàng mục tiêu của
sản phẩm
• Sử dụng để định hướng cho người dùng về nhóm
sản phẩm của doanh nghiệp
• Lợi ích
- Xây dựng hình ảnh và uy tín cho doanh nghiệp | sản
phẩm
- Tạo kênh truyền thông kết nối với khách hàng nhanh
chóng và thường xuyên
- Là nơi để tìm hiểu nhu cầu, mong muốn của khách
hàng
2. Website - trung tâm của mọi
hoạt động IM
Tầm quan trọng của website
• Kênh truyền thông chính thức của công ty
• Có quyền kiểm soát
• Công cụ marketing và kinh doanh mạnh mẽ
• Mọi con đường trên Internet đều dẫn đến website
• Dễ dàng tìm kiếm và điều hướng
• Là ngôi nhà online của thương hiệu
• Tính ổn định cao
• Website được xem như văn phòng làm việc của công ty
VĂN PHÒNG CÔNG TY WEBSITE
Khách hàng muốn biết địa chỉ
của văn phòng
Khách hàng muốn website có những phần
nào đề xem. Đây là kinh nghiệm của người
dùng
Không gian phải sạch sẽ, hiếu
khách, chuyên nghiệp và gọn
gàng
Website phải được thiết kế tốt để trông có
vẻ chuyên nghiệp, dễ dàng truy cập và
điều hướng. Đây được gọi là giao diện
người dùng
Nếu khách hàng có câu hỏi, câu
trả lời sẽ do đại diện bán hàng
trả lời tại chỗ
Nếu khách hàng đang tìm kiếm câu trả lời,
họ có thể tìm thấy trong các thông tin trên
website, hoặc có thể truy cập trang liên hệ
của website
Khách hàng có thể lấy danh
thiếp hoặc tờ rơi của doanh
nghiệp
Khách hàng có thể đánh dấu trang và đăng
ký nhận bản tin thông qua các MXH
Khách hàng thực hiện hành vi
mua
Khách hàng có thể mua sắm tại cửa hàng
online hoặc đăng ký form dịch vụ
Thị trường mục tiêu
• Ai là khách hàng mục tiêu của doanh nghiệp?
Nam hay nữ? Lớn tuổi hay trẻ tuổi?
• Khách hàng mục tiêu có online không?
• Khách hàng mong đợi gì ở website? Thông tin
hay tương tác?
• Khách hàng tham gia vào website như thế nào?
Đăng ký thành viên hay khách?
• Khách hàng xem website của bạn như thế nào?
Trên PC, laptop hay điện thoại?
3. Đặc điểm kỹ thuật của website
Bảng mô tả đặc điểm thiết kế
• Mục tiêu chung của các trang web - mục tiêu mà bạn muốn đạt được thông qua
trang web
• Phân phối thiết kế - bạn chỉ cần một thiết kế web, hay bạn cũng cần một nhận
diện mới cho công ty, logo và các yếu tố khác
• Danh sách các trang yêu cầu
• Bố cục trang cá nhân (bao gồm cả thanh điều hướng, liên kết, tiêu đề và chân
trang, ….)
• Cấu trúc website (các trang nào liên kết với nhau, có bao nhiêu phần phụ ….)
• Nội dung trang web và chiến lược tối ưu hóa công cụ tìm kiếm
• Màu sắc đặc biệt và các yếu tố thiết kế trực quan (như logo, mô hình, hình nền,
hình ảnh, …)
• Phông chữ, kiểu chữ và các cấp tiêu đề (heading)
• Các chức năng của trang (mỗi trang có nhiệm vụ gì)
• Các trải nghiệm người dùng (testimonial) các trang web, tùy thuộc vào mục đích
của chuyến thăm của họ)
• Thời hạn, yêu cầu thời gian và ngân sách
Bảng mô tả đặc điểm kỹ thuật
• Các loại ngôn ngữ lập trình được sử dụng (html,
xml, css, flash, java ..)
• Nơi lưu trữ website (server riêng, local server
hay server quốc tế)
• Tên miền website là gì?
• Hệ thống quản lý nội dung nào được sử dụng
• Vấn đề bảo mật website và an ninh mạng
• Các chức năng được cài đặt.
VD: form đăng ký online được lập trình thế nào ….
4. Thiết kế website
a. Hình thành ý tưởng
• Xác định mục tiêu của trang web
• Xác định độc giả cho trang web
• Xác định các công cụ, chức năng trên web
• Mức độ kiểm soát website
Mục tiêu website
• Nhận biết thương hiệu
• Thúc đẩy bán hàng
• Hỗ trợ khách hàng
Mục tiêu phụ thuộc vào:
- Mô hình kinh doanh của công ty
- Sự phù hợp của từng ngành hàng
- Sự phân bố các hoạt động online – offline
của doanh nghiệp
• Kêu gọi đầu tư
• Tuyển dụng
• ……
Độc giả của trang web
• Khách hàng mục tiêu
• Khách hàng tiềm năng
• Khách hàng cũ
• Nhân viên công ty
• Người tìm việc
• Cổ đông, nhà đầu tư
• Đối tác
• ….
Có thể tạo nhiều website khác nhau
để phục vụ nhiều đối tượng khác nhau
Công cụ, chức năng trên website
• Cơ sở để tính ngân sách xây dựng web
• Các nội dung cần thiết phải có: trang home, contact,
navigation bar, nhận dạng thương hiệu
• Các chức năng bổ sung
• Form liên hệ khách hàng  lấy thông tin liên hệ của
khách
• Chia sẻ nội dung website lên MXH
• Form phản hồi tự động đối với các khiếu nại, thắc mắc
….
Mức độ kiểm soát website
• Người quản lý chính
• Người quản lý nội dung
• Mức độ cập nhật thông tin trên website
• …..
b. Thiết kế website & thị giác người dùng
• Giao diện
• Nội dung
• Chức năng tương tác
Nguyên tắc thiết kế giao diện
SMILE
S: Simple
M: Memorable
I: Interesting
L: Link to Brand
E: Emotional involving & liked/ Enterprising
Các cân nhắc trong ý tưởng thiết kế
• Nghiên cứu trang web đối thủ
• Nghiên cứu trang web của các ngành có liên quan
 Có cảm nhận tổng quan về cách thiết kế
 Kỳ vọng của doanh nghiệp
 Khác biệt
Các trang trên một website
• Home
• About
• Contact
• Product
• Blog
• Custom error page (404)
Số lượng các trang trong một website hoàn toàn phụ thuộc
vào mức độ phức tạp của trang web và nhu cầu doanh nghiệp
Các thành phần chính trong một website
• The header
• Navigation bar
• The main body
• The footer
• The side bar
Các lưu ý khi thiết kế
• Độ phân giải màn hình
• Giới hạn màu sắc và font chữ
• Màu sắc và font phải là “web safe”
• Thực tiễn: cỡ chữ có phù hợp? Màu chữ và màu
nền có tương phản? Tiêu đề web và văn bản
chính có dễ phân biệt? Hình ảnh có dễ load? ….
• Tính nhất quán trong toàn bộ trang
c. Nội dung website
• Nội dung quyết định thời gian lưu trú
• Nội dung chính
• Nội dung hỗ trợ
NỘI DUNG PHẢI ĐƯỢC THIẾT KẾ THEO HỆ THỐNG
About Us
Product
Page
HOME
Contact Us
Product
Page
Product
Page
Product
Page
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Article
Pages
Nội dung chính
Nội dung hỗ trợ
Chức năng tương tác
• Trang đăng ký
• Emai
• Instant messenger
• Call to action
• Follow me on Facebook
• ……
• …….
Nơi nào trên website được xem nhiều nhất
Hình minh họa nghiên cứu Eyetracking
d. Luật pháp & Đạo đức
• Quyền tác giả
• Các điều khoản được sử dụng và khuyến cáo
• Chính sách bảo mật
• Giao tiếp trực tuyến: đưa ra quy tắc rõ ràng để
phân biệt tự do ngôn luận và tôn trọng nhân
quyền
Tiện ích thiết kế website
e.
WordPress và Woo Themes
Bloger
Yola
….
5. Phát triển website
• Tự làm hay thuê ngoài
• Tính năng
• Nội dung
• Giao diện
6. Những sai lầm thường gặp khi xây dựng website
• Không sử hữu tên miền của chính mình
• Quá nhiều Flash trong khi robot không đọc được flash
• Không có chiến lược và định hướng rõ ràng cho kinh doanh
trên web
• Phó thác hoàn toàn cho công ty xây dựng website
• Không có nhân sự và thời gian cho website
• Quan niệm rằng có nhiều tiền là xây dựng được website tốt
• Giao website cho bạn bè hoặc người nhà
TRAO ĐỔI
&
THẢO LUẬN

IM 2015 - Chuong 2: Website

  • 1.
    Chương 2: WEBSITE Trung tâmkết nối mọi hoạt động Marketing trên Internet
  • 2.
    Mục tiêu chương 1.Hiểu được tầm quan trọng của website đối với hoạt động Internet Marketing 2. Nắm được các đặc điểm kỹ thuật của website 3. Hiểu nguyên tắc thiết kế website 4. Phát triển website
  • 3.
    Nội dung chương 1.Khái quát chung về website 2. Website - trung tâm của chiến lược Internet Marketing 3. Đặc điểm kỹ thuật của website 4. Thiết kế website 5. Phát triển website 6. Những sai lầm thường gặp khi xây dựng website
  • 4.
    1. Khái quátchung về website
  • 5.
    Khái niệm website Vănbản Hình ảnh Video Flash … Domain: vnexpress.net Subdomain: kinhdoanh.vnexpress.net Web hosting Web server Website Website là một tập hợp trang web, thường nằm trong 1 tên miền trên Internet
  • 6.
    Chọn mua tênmiền • Tên miền và thương hiệu là hai khái niệm hoàn toàn độc lập với nhau • Tên miền không thuộc phạm vi điều chỉnh của Luật Sở hữu trí tuệ.
  • 7.
    Nên chọn tênmiền như thế nào? 1. Càng dễ đọc càng tốt 2. Không có nghĩa xấu khi được đọc bằng ngôn ngữ khác 3. Khó gây nhầm lẫn / khó viết sai 4. Phù hợp với bạn 5. Đừng giống với những tên miền sẵn có
  • 8.
    Chọn mua tênmiền • Domain 1 cấp (ví dụ: trungduc.net) • Domain nhiều cấp, hay còn gọi là sub-domain (ví dụ: note.trungduc.net). • Domain theo quốc gia(.vn; .fr …) Nhà cung cấp Việt Nam: matbao.vn, bkns.vn,… • Domain quốc tế (.com, .net, .org,…) Nhà cung cấp quốc tế: Godaddy
  • 9.
    Cách mua tênmiền 1. Vào website của nhà cung cấp 2. Kiểm tra tên miền 3. Tiến hành mua 4. Thanh toán online Ví dụ: Godaddy.com
  • 10.
    • Theo sựtương tác với người dùng Web 1.0 Web 2.0 Web 3.0 Phân loại website • Theo dữ liệu • Web tĩnh • Web động • Theo đối tượng sở hữu Web cá nhân Web doanh nghiệp Web thương mại điện tử Web tin tuéc Web dành cho các tổ chức, cơ quan nhà nước Diễn đàn Mạng xã hội Web giải trí
  • 11.
    Một số hìnhthức đặc biệt của website • Microsite • E-store • Wapsite • Blog • Cộng đồng trực tuyến/ Mạng xã hội
  • 12.
    Microsite • Microsite (minisite):là website có quy mô nhỏ, được sử dụng để giới thiệu về một sự kiện, một sản phẩm mới hoặc chương trình khuyến mại • Thường chỉ tồn tại trong khoảng thời gian ngắn • Có thể có domain riêng hoặc subdomain
  • 13.
    E – STORE:gian hàng điện tử • Thuê gian hàng trong các website thương mại điện tử • Tích hợp sẵn hệ thống thanh toán
  • 14.
    Blog • Một hìnhthức nhật ký trên Internet • Lợi ích cho hoạt động Marketing - Thông tin được đưa lên dễ dàng và nhanh chóng - Tạo cảm giác gần gũi, thân thiện đối với khách hàng - Tạo kênh truyền thông 2 chiều với khách hàng - Dễ dàng nhận phản hồi từ khách hàng - Tăng lượng truy cập cho website chính - Xây dựng thương hiệu cá nhân - ….
  • 15.
    Forum | Mạngxã hội • Cộng đồng dành cho khách hàng mục tiêu của sản phẩm • Sử dụng để định hướng cho người dùng về nhóm sản phẩm của doanh nghiệp • Lợi ích - Xây dựng hình ảnh và uy tín cho doanh nghiệp | sản phẩm - Tạo kênh truyền thông kết nối với khách hàng nhanh chóng và thường xuyên - Là nơi để tìm hiểu nhu cầu, mong muốn của khách hàng
  • 16.
    2. Website -trung tâm của mọi hoạt động IM
  • 17.
    Tầm quan trọngcủa website • Kênh truyền thông chính thức của công ty • Có quyền kiểm soát • Công cụ marketing và kinh doanh mạnh mẽ • Mọi con đường trên Internet đều dẫn đến website • Dễ dàng tìm kiếm và điều hướng • Là ngôi nhà online của thương hiệu • Tính ổn định cao • Website được xem như văn phòng làm việc của công ty
  • 18.
    VĂN PHÒNG CÔNGTY WEBSITE Khách hàng muốn biết địa chỉ của văn phòng Khách hàng muốn website có những phần nào đề xem. Đây là kinh nghiệm của người dùng Không gian phải sạch sẽ, hiếu khách, chuyên nghiệp và gọn gàng Website phải được thiết kế tốt để trông có vẻ chuyên nghiệp, dễ dàng truy cập và điều hướng. Đây được gọi là giao diện người dùng Nếu khách hàng có câu hỏi, câu trả lời sẽ do đại diện bán hàng trả lời tại chỗ Nếu khách hàng đang tìm kiếm câu trả lời, họ có thể tìm thấy trong các thông tin trên website, hoặc có thể truy cập trang liên hệ của website Khách hàng có thể lấy danh thiếp hoặc tờ rơi của doanh nghiệp Khách hàng có thể đánh dấu trang và đăng ký nhận bản tin thông qua các MXH Khách hàng thực hiện hành vi mua Khách hàng có thể mua sắm tại cửa hàng online hoặc đăng ký form dịch vụ
  • 19.
    Thị trường mụctiêu • Ai là khách hàng mục tiêu của doanh nghiệp? Nam hay nữ? Lớn tuổi hay trẻ tuổi? • Khách hàng mục tiêu có online không? • Khách hàng mong đợi gì ở website? Thông tin hay tương tác? • Khách hàng tham gia vào website như thế nào? Đăng ký thành viên hay khách? • Khách hàng xem website của bạn như thế nào? Trên PC, laptop hay điện thoại?
  • 20.
    3. Đặc điểmkỹ thuật của website
  • 21.
    Bảng mô tảđặc điểm thiết kế • Mục tiêu chung của các trang web - mục tiêu mà bạn muốn đạt được thông qua trang web • Phân phối thiết kế - bạn chỉ cần một thiết kế web, hay bạn cũng cần một nhận diện mới cho công ty, logo và các yếu tố khác • Danh sách các trang yêu cầu • Bố cục trang cá nhân (bao gồm cả thanh điều hướng, liên kết, tiêu đề và chân trang, ….) • Cấu trúc website (các trang nào liên kết với nhau, có bao nhiêu phần phụ ….) • Nội dung trang web và chiến lược tối ưu hóa công cụ tìm kiếm • Màu sắc đặc biệt và các yếu tố thiết kế trực quan (như logo, mô hình, hình nền, hình ảnh, …) • Phông chữ, kiểu chữ và các cấp tiêu đề (heading) • Các chức năng của trang (mỗi trang có nhiệm vụ gì) • Các trải nghiệm người dùng (testimonial) các trang web, tùy thuộc vào mục đích của chuyến thăm của họ) • Thời hạn, yêu cầu thời gian và ngân sách
  • 22.
    Bảng mô tảđặc điểm kỹ thuật • Các loại ngôn ngữ lập trình được sử dụng (html, xml, css, flash, java ..) • Nơi lưu trữ website (server riêng, local server hay server quốc tế) • Tên miền website là gì? • Hệ thống quản lý nội dung nào được sử dụng • Vấn đề bảo mật website và an ninh mạng • Các chức năng được cài đặt. VD: form đăng ký online được lập trình thế nào ….
  • 23.
  • 24.
    a. Hình thànhý tưởng • Xác định mục tiêu của trang web • Xác định độc giả cho trang web • Xác định các công cụ, chức năng trên web • Mức độ kiểm soát website
  • 25.
    Mục tiêu website •Nhận biết thương hiệu • Thúc đẩy bán hàng • Hỗ trợ khách hàng Mục tiêu phụ thuộc vào: - Mô hình kinh doanh của công ty - Sự phù hợp của từng ngành hàng - Sự phân bố các hoạt động online – offline của doanh nghiệp • Kêu gọi đầu tư • Tuyển dụng • ……
  • 26.
    Độc giả củatrang web • Khách hàng mục tiêu • Khách hàng tiềm năng • Khách hàng cũ • Nhân viên công ty • Người tìm việc • Cổ đông, nhà đầu tư • Đối tác • …. Có thể tạo nhiều website khác nhau để phục vụ nhiều đối tượng khác nhau
  • 27.
    Công cụ, chứcnăng trên website • Cơ sở để tính ngân sách xây dựng web • Các nội dung cần thiết phải có: trang home, contact, navigation bar, nhận dạng thương hiệu • Các chức năng bổ sung • Form liên hệ khách hàng  lấy thông tin liên hệ của khách • Chia sẻ nội dung website lên MXH • Form phản hồi tự động đối với các khiếu nại, thắc mắc ….
  • 28.
    Mức độ kiểmsoát website • Người quản lý chính • Người quản lý nội dung • Mức độ cập nhật thông tin trên website • …..
  • 29.
    b. Thiết kếwebsite & thị giác người dùng • Giao diện • Nội dung • Chức năng tương tác
  • 30.
    Nguyên tắc thiếtkế giao diện SMILE S: Simple M: Memorable I: Interesting L: Link to Brand E: Emotional involving & liked/ Enterprising
  • 31.
    Các cân nhắctrong ý tưởng thiết kế • Nghiên cứu trang web đối thủ • Nghiên cứu trang web của các ngành có liên quan  Có cảm nhận tổng quan về cách thiết kế  Kỳ vọng của doanh nghiệp  Khác biệt
  • 32.
    Các trang trênmột website • Home • About • Contact • Product • Blog • Custom error page (404) Số lượng các trang trong một website hoàn toàn phụ thuộc vào mức độ phức tạp của trang web và nhu cầu doanh nghiệp
  • 33.
    Các thành phầnchính trong một website • The header • Navigation bar • The main body • The footer • The side bar
  • 34.
    Các lưu ýkhi thiết kế • Độ phân giải màn hình • Giới hạn màu sắc và font chữ • Màu sắc và font phải là “web safe” • Thực tiễn: cỡ chữ có phù hợp? Màu chữ và màu nền có tương phản? Tiêu đề web và văn bản chính có dễ phân biệt? Hình ảnh có dễ load? …. • Tính nhất quán trong toàn bộ trang
  • 35.
    c. Nội dungwebsite • Nội dung quyết định thời gian lưu trú • Nội dung chính • Nội dung hỗ trợ NỘI DUNG PHẢI ĐƯỢC THIẾT KẾ THEO HỆ THỐNG
  • 37.
  • 38.
    Chức năng tươngtác • Trang đăng ký • Emai • Instant messenger • Call to action • Follow me on Facebook • …… • …….
  • 39.
    Nơi nào trênwebsite được xem nhiều nhất Hình minh họa nghiên cứu Eyetracking
  • 40.
    d. Luật pháp& Đạo đức • Quyền tác giả • Các điều khoản được sử dụng và khuyến cáo • Chính sách bảo mật • Giao tiếp trực tuyến: đưa ra quy tắc rõ ràng để phân biệt tự do ngôn luận và tôn trọng nhân quyền
  • 41.
    Tiện ích thiếtkế website e. WordPress và Woo Themes Bloger Yola ….
  • 42.
    5. Phát triểnwebsite • Tự làm hay thuê ngoài • Tính năng • Nội dung • Giao diện
  • 43.
    6. Những sailầm thường gặp khi xây dựng website
  • 44.
    • Không sửhữu tên miền của chính mình • Quá nhiều Flash trong khi robot không đọc được flash • Không có chiến lược và định hướng rõ ràng cho kinh doanh trên web • Phó thác hoàn toàn cho công ty xây dựng website • Không có nhân sự và thời gian cho website • Quan niệm rằng có nhiều tiền là xây dựng được website tốt • Giao website cho bạn bè hoặc người nhà
  • 45.