Bài giảng tổng quan biên tập web

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG BÀI GIẢNG TỔNG QUAN BIÊN TẬP WEB MÃ SỐ MÔN HỌC: EPT1413 PT IT (3 TÍN CHỈ) BỘ MƠN MARKETING Biên soạn Ths NGUYỄN THỊ THANH HƯƠNG (Bản hiệu chỉnh lần 1) Hà Nội - 2018 LỜI MỞ ĐẦU Ngày nay, Internet phát triển vô mạnh mẽ trở thành nhu cầu thiếu sống người, cơng cụ hữu ích để đất nước giới thiệu hình ảnh hay đơn giản trang web cá nhân giới thiệu mình, doanh nghiệp, Internet không kênh truyền bá thông tin mà cịn cung cấp lượng thơng tin thích đáng cho người truy cập Xu phát triển không ngừng ứng dụng web tất yếu nên việc tìm hiểu nghiên cứu ứng dụng phát triển web giúp ích nhiều cho nhà lập trình web mới, hay quản trị viên chưa có hay cịn kinh nghiệm việc quản trị hệ thống mạng có kiến thức phương pháp ứng dụng web hiệu IT Bài giảng thiết kế để cung cấp cho sinh viên kiến thức kỹ quy trình thiết kế, xây dựng trì website, cung cấp thông tin phục vụ cho hoạt động phân tích, đánh giá triển khai Marketing doanh nghiệp PT Nội dung giảng chia thành chương: Chương 1: trình bày tổng quan biên tập website, qua biết quy trình phát triển website, nhân nguyên tắc đảm bảo khả sử dụng cho trang web, thiết kế quản trị nội dung website Chương 2: bao gồm kiến thức liên quan đến thiết kế: thiết kế điều hướng, thiết kế giao diện Thiết kế điều hướng liên kết trang cách xếp tổ chức điều hướng để người dùng dễ dàng tiếp cận với nội dung website, thiết kế giao diện phần trình bày việc thể bố cục, hình ảnh, nội dung, màu sắc thành phần đa phương tiện website để đạt hiệu tốt Chương 3: cung cấp kiến thức quản lý website, ngôn ngữ cách tổ chức liệu trang website, qua nắm cách quản lý liệu biên tập website Chương 4: cung cấp kiến thức phân tích đánh giá website Tuy nhiên, mục tiêu nội dung giảng phục vụ cho sinh viên học tập nên chắn khơng thể tránh khỏi thiếu sót, thế, mong nhận góp ý q báu thầy cô, đồng nghiệp sinh viên để giảng hoàn thiện Chân thành cảm ơn MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG I TỔNG QUAN BIÊN TẬP WEBSITE 1.1 Quy trình phát triển website 1.1.1 Nhân phát triển website 1.1.2 Quy trình phát triển trang web .11 1.2 Khả sử dụng 21 1.2.1 Khái niệm 21 1.2.2 Các nguyên tắc thiết kế đảm bảo khả sử dụng .21 1.3 Tổ chức thông tin website 27 1.3.1 Các bước tổ chức thông tin web 28 1.3.2 Các yếu tố then chốt tổ chức thông tin web 30 1.3.3 Phân loại thẻ phiên bảng trắng .32 IT 1.3.4 Phân đoạn thông tin (Chunking information) 33 1.4 Cấu trúc trang web 34 1.4.1 Các chức duyệt web 35 PT 1.4.2 Tìm kiếm trang web 36 1.4.3 Cấu trúc trang web 37 CHƯƠNG BIÊN TẬP WEB CHO ĐIỀU HƯỚNG VÀ TÌM ĐƯỜNG .42 2.1 Điều hướng tìm đường người dùng 42 2.2 Hỗ trợ người dùng tìm kiếm web 48 2.3 Thiết kế web hướng đối tượng 49 CHƯƠNG BIÊN TẬP GIAO DIỆN 56 3.1 Trang 56 3.2 Quy tắc thiết kế giao diện .62 3.3 Cấu trúc website 65 3.4 Kết cấu liệu web .71 CHƯƠNG ĐÁNH GIÁ WEBSITE 80 4.1 Các tiêu đánh giá website 80 4.2 Một số công cụ đánh giá website .86 4.3 Xây dựng kế hoạch biên tập website 89 CÁC CHỮ CÁI VIẾT TẮT 96 TÀI LIỆU THAM KHẢO 96 CHƯƠNG I TỔNG QUAN BIÊN TẬP WEBSITE Có thể nói rằng: doanh nghiệp nên có website, website thực kênh kinh doanh mới, hiệu kinh tế cho doanh nghiệp Việt Nam thời đại CNTT, phù hợp với nhu cầu thói quen khách hàng dự kiến số lượng ngày cảng gia tăng Website giúp quảng bá sản phẩm với chi phí thấp tiện lợi (24 ngày, ngày tuần) Bên cạnh kinh doanh qua website cịn mở rộng hội tìm kiếm khách hàng, đối tác doanh nghiệp khơng nước mà cịn phạm vi toàn cầu Để website doanh nghiệp có nhiều khách hàng truy cập ngồi việc thiết kế giao diện đẹp, tiện ích nội dung biên tập website cần phải cập nhật thường xuyên, thông tin phù hợp với nhu cầu khách hàng PT IT Biên tập website liên quan đến việc viết văn bản, tin tức nội dung trang web Nội dung khác tùy thuộc vào loại trang web cụ thể , ví dụ trang web thương mại yêu cầu biên soạn theo phong cách bán hàng chuẩn hóa, đó, trang web thơng tin giáo dục yêu cầu tài liệu cấu trúc hợp lý Hầu website yêu cầu vài kiểu biên tập., tư liệu website quan trọng không việc thu hút khách hàng, mà giúp tăng hạng website tạo lưu lượng tìm kiếm tốt Điều đồng nghĩa với việc biên tập website yêu cầu khác biệt với lối viết thơng thường; biên tập website phải viết cho hai đối tượng khách hàng cơng cụ tìm kiếm Do đó, biên tập viên nội dung website phải có kỹ viết lách tốt, nắm bắt tâm lí khách hàng cụ thể hiểu chế cơng cụ tìm kiếm I.1 Quy trình phát triển website Điểm mấu chốt chìa khóa thành cơng q trình phát triển website xác định mục tiêu website, quy trình phát triển website thơng thường bao gồm bước sau: - Xác định đội ngũ phát triển website (nguồn nội đơn vị hay thuê ngoài) - Phân tích mục tiêu, đối tương nội dung xây dựng website - Lập hồ sơ (kế hoạch) phát triển website - Xác định công nghệ phát triển - Xây dụng quy trình thực phát triển - Xác định tổng thời gian mốc thời gian thực - Đánh giá kết thực công việc theo kế hoạch đặt PT IT Việc xác định bước rõ ràng, chi tiết q trình phát triển website vơ quan trọng: xem kế hoạch chi tiết cho dự án phát triển website tiêu chuẩn chung sản phẩm tham chiếu q trình thực cơng việc Hình vẽ 1.1 Minh họa tổng quan quy trình phát triển website I.1.1 Nhân phát triển website (a) Đội ngũ phát triển website Vấn đề cốt lõi thành công dự án người, có tính đến yếu tố kỹ kiến thức đội ngũ phát triển website Trong dự án vừa nhỏ (thiết kế webiste quy mô vừa nhỏ), người đội ngũ website đảm nhiệm số cơng việc khác nhau, dự án lớn (thiết kế website quy mô lớn) người đảm nhận nhiệm vụ riêng biệt cần có chun mơn chun ngành phụ thuộc vào nội dung webste thiết kế Trước tổ chức triển khai cần xem xét lực yêu cầu đội ngũ thiết kế website, thẩm định đội ngũ đủ lực hay chưa, cần phải th khốn thêm chun gia bên ngồi đội ngũ cịn thiếu vị trí Thơng thường, vị trí cần thiết (nịng cốt) đội ngũ phát triển website sau: - Vị trí lập kế hoạch mục tiêu phát triển website - Vị trí quản lý dự án phát triển website - Vị trí kiến trúc thông tin thiết kế giao diện người dùng - Vị trí thiết kế đồ họa cho website - Vị trí quản lý cơng nghệ phát triển website - Vị trí sản xuất website IT Trong dự án lớn vị trí đảm nhiệm người riêng biệt làm việc toàn thời gian yêu cầu, người gọi thành viên đội ngũ phát triển website, vị trí u cầu có chun mơn cao th khốn thì người khơng phải thành viên đội ngũ làm việc bán thời gian (b) Vai trò trách nhiệm đội ngũ phát triển website PT Ngồi vị trí đội ngũ phát triển website liệt kê cịn có nhà tài trợ đối tượng liên quan đến phát triển website Vai trò trách nhiệm đội ngũ phát triển website sau: - Quản trị website: Đánh giá (bảo đảm) tài khoản truy cập, kiểm tra chất lượng - Điều hướng: Định hướng cho việc phát triển website - Lập trình viên: Sử dụng ngơn ngữ để lập trình website - Nhân viên sáng tạo: Thiết kế đồ họa Web, Thiết kế tương tác (như flash, Javascript, Ajax…), Chuyên gia đa phương tiện (như hình ảnh, đồ họa, truyền hình, Adobe Flash) - Quản trị cơng nghệ web: Lập trình ứng dụng Web (Net, Java, PHP ), Kỹ sư trang web (xHTML, CSS, JavaScript, Ajax), hệ quản trị sở liệu, Chuyên gia hệ thống web nhà quản trị trang web - Sản xuất website: Người mã hóa (coding) trang web theo ngôn ngữ HTML - Biên tập viên trang web: Người viết quảng cáo trang web, Chuyên gia nội dung trang web (nghiên cứu điều phối nội dung website) (c) Nhà tài trợ đối tượng liên quan IT Nhà tài trợ đối tượng liên quan thường cá nhân tổ chức có trách nhiệm khởi xướng đề xuất dự án phát triển website Trong hầu hết trường hợp, nhà tài trợ khách hàng bên đặt hàng công việc cho đội ngũ phát triển web, dự án nhỏ mang tính nội đối tượng liên quan đối tượng Các nhà quản lý đưa phê duyệt nội dung, mục tiêu cho dự án phát triển trang web, hợp đồng kế hoạch làm việc, giám sát tiến độ, ngân sách cung cấp nguồn lực khác để hỗ trợ công việc đội ngũ phát triển website Đội ngũ phát triển web thực công việc theo yêu cầu nhà tài trợ Đơi khi, nhà tài trợ cịn đóng vai trò thành viên đội ngũ phát triển web PT Điều quan trọng nhà tài trợ đối tượng liên quan cần hiểu rõ trách nhiệm cvà phối hợp chặt chẽ với đội ngũ phát triển web: việc cung cấp thông tin muộn nội dung trang web nguyên nhân phổ biến làm sai lệch tiến độ, lịch trình đội ngũ phát triển web Các nhà tài trợ thường chịu trách nhiệm cho bên thứ ba hợp đồng quảng cáo bên ngoài, đàm phán cấp phép chp phương tiện truyền thông khác, phối hợp với công cụ marketing khác, công nghệ thông tin, nỗ lực truyền thông đơn vị tài trợ công ty (d) Quản lý website Nhà quản lý dự án web phối hợp truyền thông chiến thuật thực dự án web hàng ngày, đóng vai trị người ràng buộc với khoản mục mục tiêu dự án, ngân sách dự án, tiến độ phát triển, mục tiêu chất lượng đặt giai đoạn quy hoạch Nhà quản lý dự án thành viên quan trọng có trách nhiệm việc giữ hoạt động chung tồn nhóm tập trung vào mục tiêu chiến lược trang web thỏa thuận sản phẩm, anh cô liên tục theo dõi phạm vi hoạt động dự án để đảm bảo nhóm ln hoạt động “đúng tiến độ nằm ngân sách” Người quản lý dự án đóng vai trị người liên lạc đội web nhà tài trợ quản lý truyền thông tổng thể yếu tố sáng tạo, kỹ thuật sản xuất nhóm xây dựng web Trong dự án web lớn người quản lý dự án thường phần đội ngũ thực sản xuất PT IT Trong dự án nội nhỏ nhà tài trợ, trưởng đội thiết kế, trưởng đội kỹ thuật đồng thời đóng vai trị quản lý dự án cho đội ngũ phát triển trang web Nhà quản lý dự án thiết kế trì kế hoạch chiến lược, bảng tính ngân sách, tiến độ dự án biểu đồ Gantt, ghi họp, hồ sơ toán, tài liệu hồ sơ khác chi tiết hoạt động nhóm dự án Hình vẽ 1.2 Biểu đồ Gantt thường sử dụng để theo dõi giai đoạn dự án nhiệm vụ nhóm (e) Điều hướng Vai trò điều hướng định hướng chung cho trải nghiệm người dùng, Trong thực tế cơng việc điều hướng gần tương tự với lập trình viên, cá nhân đảm nhận hai chức vụ lập trình vai trị điều hướng, Trong giai đoạn đầu thiết kế, người điều hướng có trách nhiệm điều hành vấn, nghiên cứu thực địa, kiểm tra khả sử dụng để đưa kịch yêu cầu Khi thiết kế khái quát hóa dạng biểu đồ, cấu trúc khung sườn, thử nghiệm mẫu thiết kế với người sử dụng tập hợp thông tin phản hồi cho kỹ sư thiết kế phát triển trang web Trang web phát triển xong, đánh giá thiết kế thông qua nghiên cứu thực tế thử nghiệm người dùng đảm bảo mục tiêu điều hướng đáp ứng Các câu hỏi đánh giá thường là: trang web có thực mục tiêu đặt ra, người dùng có hài lịng với thiết kế không, kết đo lường số lượng người truy cập trang web thời gian lại trang web lâu (f) Kiến trúc thông tin PT IT Kiến trưc thông tin tổ chức phân loại thông tin nội dung trang web, công việc thường hoạt động nhiều giai đoạn thiết kế quy hoạch, phát triển nội dung thuật ngữ trang web phù hợp Kiến trúc thông tin làm việc chặt chẽ với nhà thiết kế trang web để xây dựng cấu trúc khung trang web (site map) Sơ đồ thiết kế tổng thể hình thành từ liên kết giao diện trang web người dùng nhìn thấy trang web Kiến trúc thơng tin thường có tảng logic khoa học, cẩn thận thiết kế nội dung Các sản phẩm từ nhà kiến trúc thơng tin thường biểu đồ sơ đồ tổng quan kiến trúc trang web, cấu trúc khung sườn trang, phân tích dự đốn tương tác người dùng Những hình ảnh đại diện trang web quan trọng để truyền thông cấu trúc trang web trải nghiệm người dùng đến nhà tài trợ thành viên phát triển web khác, đặc biệt nhà phát triển kỹ thuật back-end hỗ trợ yếu tố tương tác trang web Trang “cấu trúc khung” sử dụng khả điều hướng để thử nghiệm thiết kế người sử dụng (g) Giám đốc sáng tạo IT Hình vẽ 1.3 Ví dụ thiết kế tổng thể cấu trúc khung trang web PT Nhiệm vụ giám đốc sáng tạo bao quát tổng thể cho trang web từ khâu thiết kế kiểu chữ cho trang web, giao diện hình ảnh, tiêu chuẩn bảng màu, chi tiết bố trí trang phương thức làm đồ họa, kỹ thuật nhiếp ảnh, thông tin minh họa, yếu tố phương tiện âm hình ảnh trang web Trong nhiều năm qua, nhiều chuyên gia thiết kế đồ họa trở thành chuyên gia việc thiết kế truyền thơng tương tác hình máy tính thành thạo thiết kế giao diện người dùng, lướt web, cấu trúc trang web Trong dự án nhỏ, giám đốc sáng tạo có kinh nghiệm thường có trách nhiệm đóng vai trị kiến trúc thơng tin sử dụng việc đạo thiết kế hình ảnh web Trong giai đoạn phát triển trang web lập kế hoạch, giám đốc sáng tạo tạo giám sát việc tạo phác thảo thiết kế phức tạp để minh họa cho đề xuất phát triển thiết kế với nhà tài trợ dự án nhóm xây dựng web Khi thiết kế phê duyệt giám đốc sáng tạo giám sát việc chuyển đổi phác thảo thiết kế thành thông số kỹ thuật chi tiết đồ họa kiểu chữ mà kỹ sư trang web cần phải tạo HTML mẫu trang Trong tổ chức lớn thi giám đốc sáng tạo thường người có trách nhiệm đảm bảo cơng việc thiết kế web phù hợp tiêu chuẩn giao diện người dùng cá nhân tổ chức Chỉ số thời gian với số đánh giá tương tác khách với website tỉ lệ khách thực giao dịch (ví dụ mua hàng trực tuyến) hay tỉ lệ khách quay lại so với khách không đánh giá số lượng mà chất lượng khách truy cập PT IT Các số chất lượng ngày quan tâm Trong môi trường Internet ngày cạnh tranh, người ta phải trọng vào thị trường hẹp cần khách chất lượng có tiềm trở thành khách hàng thật (thực giao dịch) Hình vẽ 4.3 Google Analytics cho biết khách từ đâu đến họ cần tìm Ví dụ giá trị website: thứ nhất, số lượng người cài Alexa Toolbar nhỏ không đủ đại diện cho cộng đồng người dùng Internet (thật chẳng có cài cơng cụ để biết thứ hạng website mà họ truy cập - mục đích cơng cụ này) Thứ hai, thứ hạng Alexa dễ bị thao túng, đơn giản khai thác Alexa Toolbar (nhờ nhiều người cài đặt công cụ truy cập website thường xun), tinh vi sử dụng công cụ Alexabooster hay Alexa Surf 84 Hình vẽ 4.4 Ví dụ trang web Gatineau PT IT Thêm tên tuổi lớn chuẩn bị vào sau Google Năm Microsoft mua hãng Deepmetrix (giá chưa công bố) đưa dịch vụ đánh giá web mai, theo nhiều nguồn tin dịch vụ có tên Gatineau cung cấp miễn phí Đây đối thủ xứng tầm với Google Analytics Hiện Microsoft có giới thiệu thử nghiệm dịch vụ AdCenter Labs (http://adlab.msn.com/DPUI/DPUI.aspx), đánh giá dự báo giới tính độ tuổi khách truy cập website Các số thú vị khó nói độ xác dựa vào liệu người dùng mạng MSN mà không yêu cầu can thiệp đến mã lệnh website cần đo hay cài đặt công cụ máy người dùng Google Analytics, số dịch vụ không ẩn mà buộc phải hiển thị “nhãn hiệu” dịch vụ trang web cần đánh giá), số thu thập liệu qua công cụ cài máy khách Alexa, có dịch vụ lấy thơng tin kết hợp từ nhiều nguồn (như Compete, đối thủ Alexa, thu thập thông tin qua công cụ cài máy khách kết hợp với thơng tin lấy từ ISP) Ngồi ra, có số dịch vụ đánh giá blog miễn phí FeedBurner (www.feedburner.com, cho phép đánh giá RSS Podcast), Measure Map (www.measuremap.com, thuộc Google), IceRocket (tracker.icerocket.com, có xếp hạng blog) Blog dạng website đặc biệt, cần có số đặc biệt số gửi lên blog (post) hay số bình (comment) 85 Hình vẽ 4.5 FeedBurner đánh giá blog, RSS Podcast PT IT Mọi người biết nội dung hấp dẫn giao diện bố cục hợp lý, dễ dùng yếu tố quan trọng tạo nên thành cơng website Nhưng dù website có thiết kế tốt đến mà không lịng khách hàng vơ nghĩa Tuy nhiên khơng hẳn số khách hàng cao tốt ngược lại, điều cịn tuỳ mơ hình kinh doanh website Ví dụ, số pageview cao tốt cho website báo trực tuyến có nghĩa nhiều xem (và thu hút nhiều quảng cáo), với website hỗ trợ khách hàng lại khơng tốt có nghĩa khách hàng gặp nhiều trục trặc (với sản phẩm công ty) cần hỗ trợ Hay với dịch vụ tìm kiếm Google, số thời gian thấp Google cung cấp nhanh thơng tin khách cần tìm, số pageview khách khơng cao Google có chế xếp hạng để đưa kết tìm kiếm thích hợp trang đầu, điều tốt cho Google người dùng (nhờ Google có lượng khách truy cập thường xun đơng) Tùy mơ hình kinh doanh, website cần số khác Và số số cho thơng tin mà chủ website cần hay “có lợi” (thường cơng bố) giúp đánh bóng tên tuổi website Việc kiểm tốn số tùy: tùy qui mô lưu lượng website, tùy số tiền mà chủ wesbite muốn chi Để “chứng thực” lực mình, website lớn có lượng khách truy 86 cập hàng ngày từ hàng triệu trở lên phải cần đến dịch vụ kiểm tốn tên tuổi có phí Tuy nhiên đơi giải pháp miễn phí (như Google Analytics) cung cấp số liệu giá trị website Cần đánh giá số sử dụng dịch vụ kiểm tốn tuỳ, có điều chắn website cần đánh giá 4.2 PT IT Click (nhấn chuột) - hình thái khác hit - số quan trọng website, cho biết hiệu quảng cáo web Số click cao hiểu có nhiều người quan tâm - thể việc “click” hay nhấn lên banner hay logo quảng cáo (và làm tăng số click) Và phương thức tính click thu phí (Pay Per Click PPC hay Cost Per Click CPC) ưa chuộng Giống hit, click bị tình trạng “ảo”, số ngân lên hay “bơm” dùng chương trình sinh click tự động (được biết đến với tên gọi “clickbot”) Để tránh tình trạng này, click thường ghi nhận với thông tin nhận dạng (như địa IP, cookie) Nhưng giải pháp khơng triệt để bị “qua mặt”: dùng công cụ tạo địa IP ảo Để đối phó, lại phát sinh thêm dịch vụ kiểm tra click ảo Click Auditor (http://www.keywordmax.com/click_auditor.html), Một số công cụ đánh giá website Điều nhà quản trị website quan tâm làm thể để nâng cao hiệu Vì vậy, có nhiều loại cơng cụ hỗ trợ đánh giá website hiệu (a) Alexa 87 Hình vẽ 4.6 Công cụ hỗ trợ đanh giá website Alexa PT IT Mặc dù cơng cụ tìm kiếm alexa lại tiếng với việc xếp hạng website giới Đây công cụ mà nhà quản trị đánh giá website hay sử dụng Alexa có tính phân tích thống kê chun nghiệp, từ đó, bạn có nhìn tổng quan đối thủ cạnh tranh để đưa chiến lược hướng phát triển trang web doanh nghiệp (b) Google Analytics Hình vẽ 4.7 Cơng cụ hỗ trợ đánh giá Google analytics Đây tiện ích miễn phí Google, cơng cụ thống kê đầy đủ hiệu Google Analytics công cụ vượt trội so với nhiều công cụ khác Chỉ cần chèn thr javascript vào website, thống kê chi tiết 88 lượt truy cập trang web bạn như: lượt traffic, số lần xem trang, thời gian lại website (c) Google webmaster tools PT IT Google webmastertools cơng cụ thống kê miễn phí Google giành cho nhà quản trị Nó hiển thị nội dung như: lượt truy cập hàng ngày website, tổng hợp link bị lỗi, thứ hạng tìm kiếm từ khố, số trang “indexed”,… Hình vẽ 4.8 Công cụ hỗ trợ đánh giá webmaster tools (d) Sitening.com’s SEO Analyzer Khác với công cụ trên, Sitening cơng cụ phân tích SEO, kiểm tra cấu trúc bên để SEO website bạn tốt 89 Hình vẽ 4.9 Cơng cụ hỗ trợ đánh giá Sitening (e) SEOmoz’s Page Strength Tool PT IT Là cơng cụ tối ưu hố tìm kiếm hàng đầu nay, SEOmoz’s cung cấp thông tin thông qua blog, viết số công cụ khác Nó cho bạn mức độ quan trọng website tiềm để có vị trí cao trang tìm kiếm Hình vẽ 4.10 Cơng cụ hỗ trợ đánh giá SEOmoz’s Page Strength Tool 4.3 Xây dựng kế hoạch biên tập website Website người phát ngôn âm thầm lúc, nơi Thông tin truyền đạt đến quan tâm đến công ty, quan tâm đến sản phẩm dịch 90 vụ công ty Chuẩn bị nội dung đầy đủ cho nội dung website đem lại hình ảnh ý muốn cho công ty (a) Định hướng việc xây dựng nội dung Việc định hướng giống lên kế hoạch xem cần viết gì, viết vấn đề website Đa số website thường trọng đến hình thức nhiều nội dung, để gây ấn tượng với khách hàng hình ảnh, video, khách hàng bỏ hàng để nghiên cứu thông tin trước định mua hàng, website trước tiên phải cung cấp đủ thông tin, dễ dàng việc truy cập, định hướng từ đầu giúp dễ dàng đề lộ trình cụ thể cho việc thiết kế website (b) Biên soạn nội dung đăng PT IT Giống chương trình truyền hình, nội dung đưa lên website cần biên tập, kiểm tra kĩ lưỡng Việc biên soạn nội dung tốn nhiều thời gian, cơng sức, địi hỏi phải chun gia lĩnh vực Nội dung tự tạo cho biết giá trị thực trang web thiết kế tốt, điều khách hàng quan tâm bạn nên cố gắng viết nội dung Nội dung website bao gồm tất bạn muốn thể chữ, hình ảnh, video, âm Có tiêu chuẩn tối thiểu mà bạn cần quan tâm Những điều cần tránh đưa nội dung lên website: - Nội dung mênh mang, khơng có chủ điểm - Sai ngữ pháp, sai tả - Nói q thật - Trình bày phức tạp, khó nhìn - Cấu trúc thông tin phức tạp Một số nội dung hữu ích mà bạn cần có website: - Tài liệu hướng dẫn sử dụng sản phẩm / dịch vụ 91 - Cam kết chất lượng - Thông tin, tài liệu liên quan đến lĩnh vực kinh doanh - Những tin tức cho biết cơng ty làm gì, - Liên kết đến website hữu ích khác PT IT Như công việc khác việc đưa liệu lên webiste cần kiểm tra kĩ lưỡng trước sau nhập nội dung Tiếp tục cải tiến nội dung, gia tăng chất lượng, lắng nghe ý kiến đánh giá khách hàng để hoàn thiện website góp phần xây dựng hình ảnh thương hiệu Trong số trường hợp cần dẹp bỏ tất để làm lại website từ đầu, bạn nên tâm thực Kết đem lại tương ứng với cơng sức & tiền bạc bỏ Hình vẽ 4.11 Minh họa kế hoạch biên tập nội dung website (c) Quy trình biên tập nội dung website Để biên tập nội dung website thực bước sau đây: EO bạn cần thực 10 bước mà nêu đây: 92 - Xác định nội dung hay, có ích với người đọc: Đây bước quan trọng để thu hút độc giả, người đọc từ dịng thấy q dở, nhạt nhẽo thật thất bại Để thu hút người đọc lại lâu website nội dung viết phải thật hay thật có ích với người tìm hiểu Bên cạnh nội dung hay yếu tố trình bày quan trọng khơng q trình viết chuẩn SEO - Tối ưu tiêu đề cho viết (title): chủ đề viết, nói cho người dùng máy tìm kiếm máy tính biết viết nói Nếu tiêu đề (title) chuẩn SEO tiêu đề có liên quan mật thiết tới viết, khơng q 70 ký tự, chứa từ khóa từ khóa phụ cần SEO, không nên lặp lại nhiều IT -Tối ưu thẻ mô tả cho viết (description): phần nội dung ngắn gọn, tóm tắt lại tồn nội dung viết, giúp cho người đọc máy tìm kiếm hiểu nội dung tổng quan viết Nội dung ngắn gọn, dễ hiểu, xúc tích Số ký tự thẻ mô tả từ 160 – 165 ký tự Thẻ mô tả có chứa từ khóa cần SEO, khơng nên dùng nội dung làm thẻ mô tả PT - Tối ưu đường dẫn URL thân thiện: SEO Friendly URLS đường dẫn thân thiện website khái niệm có từ lâu đặc biệt quan trọng, tối ưu đường dẫn ngắn gọn, dễ hiểu chứa từ khóa cần SEO, khơng ký tự đặc biệt, thân thiện với máy tìm kiếm - Sử dụng thẻ Heading hợp lý: Thẻ Heading yếu tố quang trọng việc Onpage cho viết, để có viết chuẩn SEO cho website việc tối ưu thẻ Heading vô quan trọng Heading bao gồm từ H1 – H6 xếp theo thứ tự ưu tiên giảm dần, thẻ Heading dùng đề nhấn mạnh đoạn hay nội dung mà ta muốn nói tới viết Việc tối ưu thẻ Heading hiệu quảcần làm cách có khoa học để tận dụng tối đa sức mạnh - Phân bố từ khóa viết: Để có nội dung chuẩn SEO thật khoa học việc viết content chưa đủ, cần phải tối ưu cách phân bố từ khóa cách khoa học Đầu tiên ta phải cần phân tích từ khóa cho cần viết, sau ta phân bố từ khóa từ khóa phụ vào nội dung theo tỉ lệ từ -3%., nên bôi đen, in nghiêng, gạch chân để nhấn mạnh từ khóa viết 93 - Tối ưu liên kết nội (internal link): yếu tố quan trọng bậc để có viết chuẩn SEO, liên kết tới trang ta định, thường dùng với mục đich điều hướng người dùng bọ tìm kiếm, từ giúp giảm tỷ lệ trang tăng tốc độ index viết Hình vẽ 4.12 Tối ưu liên kết nội PT IT - Tối ưu hình ảnh viết: Một viết khơng thể thiếu hình ảnh, bọ máy tìm kiếm khơng thể hiểu ảnh nói gì, cần phải tối ưu hình ảnh với cách sau đây: Sử dụng thẻ Alt – alternative information, sử dụng thẻ Caption mơ tả bao quanh ảnh, tối ưu kích thước cho ảnh với tỷ lệ cân đối - Nhúng video vào viết: Nếu viết thuộc thể loại thủ thuật, hướng dẫn việc sử dụng video vơ cần thiết, video làm cho viết sinh động dễ hiểu nhiều, việc nhúng video vào viết nhằm tăng số trust time on-site cho viết - Tích hợp mạng xã hội: Với phát triển mạng xã hội tương tác với chúng đặc biệt quan trọng,nên tích hợp nút Like, Share số mạng xã hội lớn Facebook, Twitter, Google Plus,… để độc giả tương tác tối thu hút lượng độc giả khác trang mạng xã hội (d) Các công cụ tham khảo biên tập nội dung website - Cơng cụ Lựa chọn chủ đề, tìm kiếm từ khóa Sử dụng cơng cụ Ubersugget:https://neilpatel.com/ubersuggest/, sử dụng Keyword Tool để tìm kiếm từ khóa chủ đề 94 PT IT Hình vẽ 4.13 Giao diện từ khóa dựa ubsuggest Hình vẽ 4.14 Ví dụ từ khóa: “Túi xách cho nữ công sở” - Công cụ kiểm tra từ khóa: Có thể sử dụng cơng cụ Google trend để kiểm tra từ khóa Hình vẽ 4.15 Giao diện kiểm tra từ khóa Google trend 95 Ví dụ: Xu hướng túi xách có xu hướng mua cao vào cuối năm, cận kề dịp lễ tết, giáng sinh chủ yếu cho đối tượng nữ IT - Công cụ chọn từ khóa: Sử dụng cơng cụ Keyword Planer Google để lựa chọn từ khóa Hình vẽ 4.16 Giao diện chọn từ khóa Keyword Planer PT Ví dụ kết Google trả lại 1000 từ khóa khác tập hợp vào file để phân tích lựa chọn - Sử dụng phần mềm Quetext kiểm tra viết phân tích website thông qua Seo Quake - Sử dụng công cụ Reputation để biên tập viết 96 PT IT Hình vẽ 4.17 Giao diện biên tập nội dung Reputation CÁC CHỮ CÁI VIẾT TẮT CGI: Common Gateway Interface: Giao diện cổng thông thường CMS: Content management system: Hệ thống quản lý nội dung DSL: Digital Subscriber Line: Đường dây thuê bao số GUI: Graphic User Interface: Giao diện đồ họa người dùng HTML: HyperText Markup Language: Ngôn ngũ đánh dấu siêu văn HTTP: HyperText Transfer Protocol: Giao thức truyền siêu văn ISDN: Integrated Services digital network: mạng dịch vụ tích hợp số ISP: Internet Service Provider: Nhà cung cấp dịch vụ Internet IT: Information Technology: Công nghệ thông tin RGB: red-green-blue: đỏ - xanh lá- xanh da trời SEO: Search Engine Optimization: tối ưu cơng cụ tịm kiếm UCD: User-centered design: Thiết kế người dùng làm trung tâm URL: Uniform resource locator: Vị trí nguồn tài nguyên 97 XHTML: Extensible HyperText Markup Language: Ngôn ngữ đánh dấu siêu văn mở rộng XML: Extensible Markup Language: Ngôn ngữ đánh dấu mở rộng XSLT: Extensible Style Language Transformation: Chuyển đổi dạng ngôn ngữ mở rộng TÀI LIỆU THAM KHẢO PT IT [1] LYNCH, Patrick J.; HORTON, Sarah Web Style Guide Online-Web Style Guide London: Yale University Press, 2009 Disponível em: Em 03 de ago 2011 [2] http://www.3ce.vn/ [2] http://www.vging.com/ 98 ... tới trang web khác Internet (j) Biên tập viên trang web PT IT Biên tập viên trang web có trách nhiệm hồn thiện nội dung văn chất lượng biên tập trang web hoàn chỉnh, họ làm nội dung biên tập cho... nghĩa với việc biên tập website yêu cầu khác biệt với lối viết thơng thường; biên tập website phải viết cho hai đối tượng khách hàng công cụ tìm kiếm Do đó, biên tập viên nội dung website phải... sinh viên để giảng hoàn thiện Chân thành cảm ơn MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG I TỔNG QUAN BIÊN TẬP WEBSITE 1.1 Quy trình phát triển website 1.1.1 Nhân phát triển website