Bài giảng Tổng quan biên tập Web: Phần 2 (Hiệu chỉnh lần 1)

Nối tiếp phần 1, Bài giảng Tổng quan biên tập Web: Phần 2 tiếp tục cung cấp cho học viên những kiến thức về biên tập web cho điều hướng và tìm đường; hỗ trợ người dùng tìm kiếm web; thiết kế web hướng đối tượng; biên tập giao diện; quy tắc thiết kế giao diện; đánh giá website; các chỉ tiêu đánh giá website; xây dựng kế hoạch biên tập website;... Mời các bạn cùng tham khảo!

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 (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 CHƯƠNG BIÊN TẬP WEB CHO ĐIỀU HƯỚNG VÀ TÌM ĐƯỜNG Người sử dụng tài liệu web khơng nhìn vào thơng tin mà cịn tương tác với theo cách riêng khơng có tiền lệ thiết kế tài liệu giấy, đó, thiết kế giao diện đồ họa, nhà thiết kế web phải thành thạo nghệ thuật khoa học thiết kế giao diện Giao diện người dùng đồ họa (GUI) hệ thống máy tính phải bao gồm phép ẩn dụ tương tác, hình ảnh, khái niệm sử dụng để truyền đạt chức ý nghĩa hình máy tính 2.1 Điều hướng tìm đường người dùng Trong sách ông Kevin Lynch, ông đưa hình ảnh thành phố (1960), đặt thuật ngữ tìm đường "wayfinding" để mơ tả khái niệm ông mức độ đọc hiểu yếu tố môi trường xây dựng cho phép 42 định di chuyển thành công thông qua không gian phức tạp thành phố thị trấn Ẩn dụ web điều hướng thông qua không gian web hay gọi "các trang web" (a) Các yếu tố điều hướng Điều hướng thường dựa vào bốn yếu tố sau - Định hướng vị trí (Tơi đây) Quyết định lộ trình (Tơi đâu để tìm cách đến nơi tơi muốn) Lập đồ tâm lý (Tơi có kinh nghiệm hiểu biết phù hợp với dự đốn định đường tơi) Điểm đích đến (Tơi nhận tơi đến nơi) Trong vấn tiến hành thành phố khác nhau, Lynch cư dân địa phương vẽ lại đồ thành phố từ ký ức họ Các đồ tinh thần mà người dân tạo quan trọng để tìm đường mơi trường họ nhất, sau vẩn, Lynch tổng kết nhận thấy đồ hầu hết người gồm năm loại yếu tố sau: - Path: lối đi, tuyến phố, tuyến đường tàu điện ngầm, tuyến xe buýt thứ quen thuộc Edges: Những rào cản vật lý tường, hàng rào, sông, bờ biển Các huyện: Mỗi nơi có sắc riêng biệt, chẳng hạn New York khu phố Tàu, Wall Street, Greenwich Village Các nút : Nút giao nhau, điểm dễ nhớ, chẳng hạn đồng hồ Grand Central Terminal New York Địa danh: cấu trúc rõ ràng cho phép định hướng khoảng cách dài Mặc dù dễ dàng thấy tương đồng danh sách web, trang web loại không gian đặc biệt, thường không cung cấp thông tin không gian định hướng cụ thể mà thấy cách nhiên thực tế quanh thị trấn Định hướng web có nhiều điểm tương đồng với chuyển động vật lý, thực tế, việc bạn du lịch trang web kỳ diệu: bạn xuất điểm hành trình, từ trang sang trang khác, khơng có trải nghiệm phong cảnh diễn trước mắt bạn địa danh tiếng 43 Hình vẽ 2.1 Ví dụ định hướng – Tại khu dân cư thành phố Venice Venice thành phố đẹp, khơng có nhà thờ campaniles tòa tháp thành phố cung cấp địa điểm để di chuyển qua khu dân cư, đường phố kênh rạch địa danh để khách viếng thăm Các thông tin vấn thu thập thường là: Khơng có ý thức quy mô chuyển động không gian Chúng không vượt qua mốc quen thuộc trừ cố tình truy cập thơng qua hệ thống phân cấp trang web Hầu hết thời gian xuất số địa điểm "hành trình" khơng cung cấp thơng tin địa điểm chúng tơi Khơng có la bàn Khơng có hướng dẫn thường khơng có ý nghĩa rõ ràng thuộc nhóm hay hướng cụ thể Điều thiếu hướng trừu tượng làm cho liên kết đến trang chủ quan trọng việc điều khiển web : định hướng bạn cho gia đình cho dù bạn từ trang chủ trang chủ tất ý nghĩa "hướng" có nhiều trang web Bạn Tất điều lập luận cho bên ngồi, nhìn thấy, dễ hiểu tín hiệu định vị trang web thiết kế in ấn biên tập viên thường bực tức với khung giao diện nặng nề web trang chủ làm thực thấy gánh nặng đầu cuối trang nút liên kết Nếu khơng có giao diện điều hướng tất "bạn đây" cung cấp đánh dấu, chúng tơi khơng muốn tất trở lại với cảm giác bị khoảng thời gian điều phổ biến ngày đầu web 44 Những đường dẫn: Dẫn đường Trên trang web, đường dẫn xuất dày đặc, dự đốn liên kết liên quan xuất suốt trang web, đường dẫn hồn tồn xuất tâm trí người dùng, hướng thói quen thơng qua trang báo u thích Đường dẫn thể rõ ràng yếu tố trang web chuyển hướng dựa lịch sử duyệt web bạn nơi bạn xem với có liên quan với trang chủ Hình vẽ 19 Ví dụ đường dẫn dựa lịch sử duyệt web tiêu đề Miền khác biệt: Nghịch lý quán Tính quán quy tắc vàng thiết kế giao diện tự động chuyển hướng web, có nghịch lý trung tâm quán: tất thứ trông giống nhau, khác biệt Làm bạn biết bạn đâu bạn chuyển từ trang sang trang khác,một hệ thống chuyển hướng trang web thiết kế tốt xây dựng quán liên kết lưới trang, thuật ngữ, đường dẫn chuyển hướng, kết hợp linh hoạt thị giác để tạo vùng xác định cạnh bên không gian lớn Trong trang web công ty, di chuyển từ vùng sang vùng khác, hay cịn nói là, từ khu vực marketing đến nguồn nhân lực thông qua ranh giới khu vực quan trọng Hình vẽ 2.3 Minh họa vùng ranh giới web Rất nhiều người sử dụng trang web dễ dàng nhìn thấy họ vượt qua ranh giới quan trọng khu vực Nếu tất trang trông giống hệt nhau, thật khó để biết nơi bạn trang web lớn 45 Các nodes định hướng Các quán cà phê ngã tư thường sử dụng để làm node định hướng, xã hội phương Tây đánh đồng tự với loạt lựa chọn, nhà tâm lý học Barry Schwartz sách The Paradox of Choice, áp đảo lựa chọn gây căng thẳng, làm chậm việc định chúng tơi, làm cho thường hài lịng "Hãy cho người tự sử dụng lựa chọn" câu thần liên tục thiết kế giao diện người dùng, nhiều lựa chọn đồng thời gây khó khan cho nhà thiết kế Hình vẽ 2.4 Ví dụ trang web phúc tạp nhiếu lựa chọn Như trang trở nên phức tạp hơn, bạn có nguy tràn ngập người dùng với "hiệu ứng Times Square" nhiều kích thích thị giác cạnh tranh (b) Địa danh Tín hiệu định hướng đặc biệt quan trọng giao diện web, người dùng thường xuyên đến trang mà không cần phải theo đường cố định lặp lại Ví dụ, định hướng khơng gian vật lý tìm kiếm cắt giảm tất ranh giới dẫn đường bình thường, cung cấp từ khóa cụm từ trang web Tìm kiếm nhiều chức thư mục tự động; tìm kiếm cung cấp trực tiếp từ thời điểm trang web khác, kết nối trực tiếp làm cho người sử dụng tất phụ thuộc nhiều vào địa danh "bạn đây" từ tín hiệu từ giao diện người dùng trang web Tóm tắt: Nguyên tắc wayfinding trang web Path: Tạo phù hợp, đường dẫn điều hướng đánh dấu Vùng: Tạo sắc độc đáo có liên quan cho khu vực trang web 46 Các nút: Đừng làm người dùng rối loạn với nhiều lựa chọn trang chủ trang menu Địa danh: Sử dụng địa điểm phù hợp điều hướng trang web đồ họa để giữ cho người sử dụng theo định hướng (c) Duyệt so với tìm kiếm Nghiên cứu giao diện người dùng cho thấy khoảng nửa số người sử dụng web thích duyệt web qua danh sách liên kết để tìm thơng tin, nửa lại thẳng vào hộp tìm kiếm để nhập từ khóa để tìm kiếm Tất độc giả sử dụng tính duyệt tìm kiếm trang web số điểm, hỗ trợ mơ hình chuyển hướng quan trọng để thiết kế giao diện người dùng Trang web trở nên lớn phức tạp phụ thuộc vào cơng nghệ tìm kiếm cho người dùng tìm kiếm thơng tin cho nhà xuất web (d) Sự định hướng Trong hồn cảnh trình duyệt tìm kiếm mặt hàng phải hỗ trợ tinh thần người sử dụng vị trí định hướng đến địa danh trang web, thành phần trang yếu tố giao diện lõi có liên quan đến hai trình duyệt tìm kiếm, thiết lập trì nghĩa rộng trang web không gian truyền thông cung cấp ý nghĩa "bạn đây" vị trí phạm vi kích thước lớn trang web đường mòn (breadcrumb), tab liên kết mà thay đổi màu sắc để vị trí Hình vẽ 2.5 Tín hiệu "bạn đây" giúp người dùng lại định hướng 47 Những cột mốc yếu tố đặc biệt quan trọng để người dùng điều hướng cách tìm kiếm Giao diện trình duyệt cho phép người dùng di chuyển thơng qua trang web, nhìn thấy địa điểm khác họ vượt qua hệ thống phân cấp trang web, tìm kiếm Web cho phép người dùng cắt trực tiếp thành hệ thống trang web khơng có mở đầu Người dùng đến với trang web từ cơng cụ tìm kiếm Internet phổ biến Yahoo! Google đến trực tiếp trang sâu tổ chức trang web tỷ lệ phần trăm người dùng thấy trang chủ nhanh Hình vẽ 2.6 Ví dụ giao diện quán điều cần thiết thiết kế web Các hiển thị đồ họa đặc biệt khu vực trang web tạo thành "địa điểm" wayfinding mà độc giả qua họ duyệt qua trang web, giống tòa nhà đặc biệt thực tế, đường phố, dấu hiệu giúp du khách định hướng HÌnh vẽ 2.7 Khơng trang chủ cửa ngõ vào trang web Người sử dụng cơng cụ tìm kiếm ngày đến trang web trang nội dung nội bộ, trang chủ 48 2.2 Hỗ trợ người dùng tìm kiếm web Các hỗ trợ cho người dùng muốn tìm kiếm để thực tìm kiếm dễ dàng có sẵn từ trang trang web Người dùng mong đợi trang web có tính tìm kiếm Nghiên cứu cho thấy có lĩnh vực cụ thể trang mà người dùng mong đợi để xem hộp tìm kiếm Hình vẽ 2.8 Vị trí hộp tìm kiếm đâu mà người dùng mong đợi để tìm thấy Ln chắn bạn cho phép người dùng biết phạm vi họ tìm kiếm Đó người dùng nhập vào từ khóa nghĩ họ tìm kiếm trang web sau nhận kết tìm kiếm từ tồn cơng ty tồn mạng Internet ( Ví dụ "kết 1-100 khoảng 510000000) Trong hình thức tìm kiếm đơn giản, làm cho phạm vi tìm kiếm rõ ràng trường hợp có nhiều vị trí trang tìm kiếm cung cấp nhiều tùy chọn để kiểm sốt phạm vi tìm kiếm Hình vẽ 2.9 Các tùy chọn tìm kiếm Hộp tìm kiếm tiêu đề thuận tiện thiết phải đơn giản 49 Để giữ ý thức người sử dụng trang web, kết truy vấn tìm kiếm người dùng xuất trang trơng giống phần cịn lại trang web Đối với tổ chức lớn, trang web cần tổ chức tốt đồ họa phù hợp, subsite nhỏ khơng cần phải có trang tìm kiếm tùy chỉnh Tìm kiếm sức mạnh, tìm kiếm web thay cho kiến trúc trang web mạch lạc, thể cách cẩn thận thiết kế trang web điều hướng, chuyển hướng tìm kiếm phụ thuộc nhiều vào yếu tố giao diện tính thiết kế trang phần giao diện trình duyệt chuẩn Bằng cách cắt bước trung gian duyệt hệ thống phân cấp thơng tin, tìm kiếm cung cấp cho người dùng đến trang sâu bên trong, nơi mà có "xem" giao diện đồ họa trang web, tiêu đề trang, đường mòn, liên kết điều hướng cung cấp gợi ý cho phép người dùng thiết lập vị trí trang web 2.3 Thiết kế web hướng đối tượng (a) Khái niệm thiết kế web hướng đối tượng Thiết kế web hướng đối tượng (OOP) kiểu viết mã sử dụng lớp (classes), quan hệ (relationships), thuộc tính (properties) phương thức (methods) đối tượng (objects) nhằm giảm thời gian viết mã giúp đơn giản hóa việc lập trình Các đặc điểm lập trình hướng đối tượng: o o o o Tính trừu tượng (Abstraction ) Tính đóng gói (Encapsulation) Tính kế thừa (Inheritance) Tính đa hình (Polymorphism) Đơn vị lập trình hướng đối tượng lớp (Class), hầu hết đối tượng giới thực phản ánh thông qua lớp Chẳng hạn xây dựng hệ thống quản lý sinh viên với đối tượng khách hàng, doanh nghiệp, sản phẩm, người bán, ánh xạ đối tượng thành lớp lớp khách hàng lớp doanh nghiệp, lớp sản phẩm, lớp người bán… Các lớp bạn hình dung giống khn đúc để từ tạo hàng loạt đối tượng với khuôn Chẳng hạn với Class khách hàng khởi tạo nhiều đối tượng khách hàng có tên, tuổi, giới tính… lớp khác Ứng với đối tượng khách hàng có thuộc tính tên, tuổi, giới tính chuyển sang hướng đối tượng thuộc tính thuộc tính lớp khách hàng Một khách hàng thực cơng việc mua hàng, xem hàng…- 50 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 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ê chuyên 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 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 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 ... Đây tiêu đề quan trọng

Đây đoạn văn phần thân tài liệu, nơi đoạn từ trọng biết từ quan trọng Đây tiêu đề quan trọng thứ hai

Bất mà bạn lên danh sách thứ có liên quan, đề mục cần... trang chia sẻ tập tin chủ css, bạn thay đổi phong cách thành phần file css chủ, trang trang web bạn thể phong cách Ví dụ, tinh chỉnh phong cách typographic bạn đề mục tập tin tổng thể, ... đếm lần dù truy cập website nhiều lần (và tạo nên nhiều hit) Chỉ số có ý nghĩa báo điện tử công ty quảng cáo Rõ ràng, nhiều người xem quan trọng nhóm người xem xem lại nhiều lần Hình vẽ 4 .2 Chỉ