3.2.1 Công cụ quản trị
Web site được xây dựng như một hệ thống xuất bản nội dung do đó cần có đầy đủ các công cụ quản trị hỗ trợ cho người biên tập nội dung.
Một số chức năng trong công cụ quản trị:
Hình 3.2.1.1 Giao diện trang quản trị web site hanoitelecom.vn
- Cung cấp user cho nhiều người dùng khác nhau, phân quyền quản trị cho các user, phân loại theo nhóm:
- Hệ thống menu linh hoạt: thay đổi nội dung của bất cứ mục menu nào (có thể là nội dung 1 bản tin, một chuyên mục tin, trang tra cứu, trang đăng ký dịch vụ, …..). Ví dụ trong phần quản lý Menu cấp 2 như sau:
Hình 3.2.1.3 Giao diện website hanoitelecom.vn – danh sách menu
Trong hình minh họa trên, “page link” là tên trang web mà Menu trỏ tới, “page link” nhận các giá trị sau: Category.aspx (chứa các bài viết thuộc trong 1 chuyên mục),
Default.aspx (trang chủ), hoặc một trong số các trang được thiết kế riêng. Menu được tổ chức thành 2 cấp.
- Quản lý mọi banner xuất hiện trong website: banner có thể là ảnh png, jpg, gif, flash. Dưới đây là danh sách banner trong mục quảng cáo:
Hình 3.2.1.4 Giao diện website hanoitelecom.vn – danh sách banner
- Quản lý bài hát, hộp thư tự động: thực hiện cập nhật thông tin thông qua file Excel. Để cập nhật, trước hết Upload một file Excel theo định dạng qui định trước:
Để cập nhật bài hát, file Excel có dòng header như sau
codenumber title singername author Ishot audiofile locked
Để cập nhật hộp thư tự động, file Excel có dòng header như sau:
Khi chọn Update, danh sách bài hát hay hôp thư tự động sẽ được cập nhật vào hệ thống theo nhóm đã chọn trước.
- Quản lý danh sách gói quà tặng, đây là những gói quà khách hàng có thể lựa chọn để chuyển đến người nhận. Các gói quà tặng cũng được phân loại theo các nhóm khác nhau.
Hình 3.2.1.5 Giao diện website hanoitelecom.vn – danh sách gói quà
- Quản lý các clip, đây là các clip hướng dẫn sử dụng dịch vụ với định dạng Flash.
Hình 3.2.1.6 Giao diện website hanoitelecom.vn – danh sách clip
- Quản lý tin tức, hình mình hoạ dưới đây là danh sách bài viết trong chuyên mục “Dịch vụ 1080”:
Hình 3.2.1.7 Giao diện website hanoitelecom.vn – danh sách tin tức
Giao diện trang cập nhật tin tức:
Hình 3.2.1.8 Giao diện website hanoitelecom.vn – trang cập nhật tin tức
Tin tức sẽ bao gồm các thông tin:
Tin tức thuộc menu nào
Tóm tắt bản tin
Nội dung bản tin
Để xây dựng công cụ cập nhật tin tức, sử dụng công cụ hỗ trợ biên tập mã nguồn mở FCKeditor.
Các nội dung chính cung cấp cho khách hàng:
Nội dung 1: Các bài viết giới thiệu dịch vụ, tin tức theo các chuyên mục.
Nội dung 2: Tra cứu bài hát
Nội dung 3: Tra cứu gói quà tặng
Nội dung 4: Tra cứu hộp thư tự động
Đặc điểm nổi bật: Website có hệ thống menu trực quan: bất cứ trang thông tin nào cũng cho người dùng biết nó nằm trong chuyên mục menu nào. Hình minh họa dưới đây là nội dung bài viết trong chuyên mục menu Dịch vụ 1080 / Cẩm nang thông tin, thông tin chuyên mục này cũng được thể hiện trên url.
Website sử dụng Hệ quản trị cơ sở dữ liệu MS SQL 2000, bao gồm 24 bảng dữ liệu cấu trúc các bảng dữ liệu được nêu chi tiết tại phần PHỤ LỤC.
3.2.2 Ứng dụng SEO trong lập trình
Đưa từ khóa vào thuộc tính ALT của thẻ IMG
Các công cụ tìm kiếm thường sử dụng thuộc tính ALT của tag IMG hoặc các text lân cận hình ảnh để đánh chỉ mục cho hình ảnh.
<img src=”dangky.jpg” alt=”đăng ký gửi quà tặng”>
Sử dụng thẻ META Description – META Keyword
Tag meta dùng để mô tả ngắn gọn nội dung của trang web. Cách đưa từ khóa vào tag META như sau:
<meta name=”description” content=”Dịch vụ quà tặng từ trái tim mang những món quà, bài hát, lời chúc của bạn đến người thân. Quà tặng từ trái tim – thay ngàn lời muốn nói”>
Sử dụng tiêu đề trang
Các công cụ tìm kiếm hiển thị tiêu đề trang web trong danh sách kết quả và cũng đánh chỉ mục dựa vào tiêu đề trang, do đó đưa từ khóa vào tiêu đề trang web cũng là một cách SEO rất hiệu quả.
<title>Tra cứu bài hát – dịch vụ quà tặng từ trái tim</title>
Sử dụng thuộc tính bold của text
Trong đoạn text, từ khóa được làm đậm nhằm mục đích tạo sử “chú ý” của bọ tìm kiếm. Biết cách sử dụng cách làm đậm này sẽ làm tăng thứ hạng của website nhưng nếu thuộc tính bold được sử dụng quá nhiều thì làm mất tác dụng.
Sử dụng tag Hidden
Cũng giống như cách sử dụng comment tag, đây là cách đưa từ khóa vào nhưng khách viếng thăm không thấy. Bạn cần kiểm tra kỹ tác dụng của cách làm này vì cách làm này cũng có thể làm cho trang của bạn rớt hạng.
<input type=hidden name=context value=”bài hát được nhiều người ưa thích”> <noframes><P>host song</p></noframe>
<script type=”text/tcl”> no real content </script>
Sử dụng Url rewrite
Url rewrite là việc can thiệp để tạo ra các liên kết thân thiện hơn với người dùng (dễ nhận ra nội dung của liên kết), hiệu quả hơn với các công cụ tìm kiếm (cho phép nội dung của bạn được nhận ra dễ dàng hơn thông qua url)
Vídụ:
quatangtutraitim.vn/Category.aspx?strRequest=235 là một địa chỉ khó hình dung với người dùng và vô nghĩa với các search engine nhưng
http://quatangtutraitim.vn/c/235/qua-tang-tu-trai-tim/huong-dan-su-dung.aspx lại là một địa chỉ dễ hình dung và tăng khả năng tìm kiếm của các Search engine.
Website có sử dụng module opensource Intelligencia.UrlRewriter.dll của
http://urlrewriter.net. Bản chất của việc rewrite này có thể hình dung như sau: khi bạn gõ một đường link lên trình duyệt như sau: http://quatangtutraitim.vn/c/235/qua-tang-tu- trai-tim/huong-dan-su-dung.aspx thì đây là đường dẫn ảo, và khi request đến Webserver
nó sẽ đổi lại thành đường dẫn thật như sau: quatangtutraitim.vn/Category.aspx?id=235. Rewrite được thực hiện thông qua một số luật, các luật được khai báo trong file
web.config.
Ví dụ trong trường hợp vừa nêu, sử dụng một luật như sau:
<rewrite url="/c/(.+)" to="~/Category.aspx?strRequest=$1"/>
Hình 3.2.2.1 Thư viện sử dụng để viết lại đường dẫn (Intelligencia.UrlRewrite.dll)
Sử dụng Sitemap HTML Sitemap
Cấu trúc: HTML sitemap thường dùng để liệt kê tất cả các liên kết URL trong từng phần hay từng trang khác nhau của Blog hay Website.
Thứ tự: Các đường dẫn này thường được liệt kê sắp xếp theo thứ tự thư mục cây và chung cung cấp miêu tả cho từng liên kết, thường nhờ vào Anchor Text.
Đối tượng: HTML sitemap của blog hay Website sẽ giúp người dùng di chuyển và tìm được thông tin dễ dàng. Bởi thế HTML sitemap được tạo ban đầu cho người dùng. Mặc dù HTML sitemap được tạo cho khách viếng thăm Website, nhưng những bọ tìm kiếm như Googlebot sẽ có cơ hội tìm ra tất cả các mục, trang, bài viết trên Website dễ dàng hơn khi tất cả các liên kết được liệt kê trong HTML sitemap.
Cấu trúc: XML sitemap hiển thị danh sách các URLs của blog hay Website của bạn bằng một chuẩn đặc biệt XML. Hãy xem ví dụ sitemap XML sau với một đường dẫn URL duy nhất: <?xml version=”1.0″ encoding=”UTF-8″?> <urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″> <url> <loc>thttp://www.quatangtutraitim.vn/ </loc> <lastmod>2008-02-29 </lastmod> <changefreq>monthly </changefreq> <priority>0.7 </priority> </url> </urlset>
Thứ tự: Các đường dẫn này thường được liệt kê sắp xếp theo thứ tự ưu tiên theo từng tiêu chí của từng Webmaster mà đó có thể là mức độ quan trọng của thông tin, lượng truy cập, các thành phần quan trọng, …
Đối tượng: XML sitemap cho phép Webmaster thông báo tới máy tìm kiếm về các đường dẫn URLs trên blog hay Website nhằm tạo thuận lợi cho quá trình đánh chỉ số.
XML sitemap được tạo cho máy tìm kiếm chứ không phải người dùng thường.
3.2.3 Sử dụng UrlRewriter.NET trong Rewrite URL
Để có thể chuyển đường dẫn quatangtutraitim.vn/Category.aspx?strRequest=235
thành đường dẫn có nghĩa hơn, thân thiện hơn cho các search engine cũng như người dùng. Ví dụ chuyển thành http://quatangtutraitim.vn/c/235/qua-tang-tu-trai-tim/huong- dan-su-dung.aspx thì kỹ thuật này gọi là Rewrite URL.
Rewrite URL trong web quatangtutraitim.vn có sử dụng module mã nguồn mở UrlRewriter.NET.
UrlRewriter.NET là một module mã nguồn mở, gọn nhẹ, có thể cấu hình URL Rewrite cho ASP.NET 1.1 đến 4,0. UrlRewriter.NET cung cấp khả năng tương tự như các máy chủ web Apache cung cấp với mod_rewrite và htaccess. Không cần phải cài đặt một bộ lọc ISAPI Rewrite để sử dụng, chỉ cần một file Dll cấu hình vào trong web site.
UrlRewriter.NET là một công cụ hỗ trợ tuyệt vời cho các web master trong việc SEO web site. Sử dụng UrlRewriter.NET, có thể tạo URL thân thiện, có chứa từ khóa mục tiêu và như vậy sẽ thúc đẩy thứ hạng của web site.
Với UrlRewriter.NET, có thể thực hiện:
Rewrite URL thành các url thân thiện. Với các trang aspx (còn được gọi là URL Masking, Rewrite IIS hoặc Rewrite ASP ) Chuyển hướng từ các mẫu URL cũ đến mới, đảm bảo các Search Engine spiders vẫn tiếp tục index các liên kết mới (còn được gọi là thay thế URL)
Cấm người sử dụng dựa trên phạm vi Và nhiều hơn nữa ...
UrlRewriter.NET là một thành phần NET được viết bằng C #, và không yêu cầu bất kỳ viết lại dll của ISAPI được cài đặt trong IIS. Quy tắc cấu hình trong một định dạng XML rất dễ đọc và được đặt trong tập tin web.config hoặc một tập tin cấu hình bên ngoài Rewriter.
Ứng dụng UrlRewriter.NET trong web site quatangtutraitim.vn
Đăng ký UrlRewriter.NET vào trong web.config
<configSections> <section name="rewriter" type="Intelligencia.UrlRewriter.Configuration.RewriterConfigurationSectionHandler, Intelligencia.UrlRewriter"/> </configSections> <httpModules>
<add type="Intelligencia.UrlRewriter.RewriterHttpModule, Intelligencia.UrlRewriter" name="UrlRewriter"/> <!--<add name="SampleSqlInjectionScreeningModuleVB"
type="Sample.SampleSqlInjectionScreeningModuleVB"/>-->
<add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
</httpModules>
Viết các luật (Rules) để chuyển đổi đường link về URL thân thiện
<rewriter>
<rewrite url="/vietnamese.aspx" to="~/Default.aspx"/> <rewrite url="/c/(.+)" to="~/Category.aspx?strRequest=$1"/> <rewrite url="/d/(.+)" to="~/Detail.aspx?strRequest=$1"/> <rewrite url="/clip-vn.aspx" to="~/Clip.aspx"/>
<rewrite url="/tra-cuu-bai-hat/(.+)" to="~/TraCuuQuaTang.aspx?strRequest=$1"/> <rewrite url="/tra-cuu-goi-qua-tang.aspx" to="~/ListBoxGift.aspx"/>
<rewrite url="/gui-qua-tang.aspx" to="~/GiftRegister.aspx"/>
<rewrite url="/gui-qua-tang/(.+)" to="~/GiftRegister.aspx?strRequest=$1"/> <rewrite url="/gift-ban-da-chon.aspx" to="~/ViewYourGift.aspx"/>
<rewrite url="/tra-cuu-hop-thu.aspx" to="~/TraCuuHopThu.aspx"/>
<rewrite url="/tra-cuu-hop-thu/(.+)" to="~/TraCuuHopThu.aspx?strRequest=$1"/> <rewrite url="/tra-cuu-goi-qua-tang/(.+)" to="~/ListBoxGift.aspx?strRequest=$1"/> <rewrite url="/gift-da-chon/(.+)" to="~/ViewYourGift.aspx?strRequest=$1"/>
<rewrite url="/ket-qua-tim-kiem/(.+)" to="~/ViewSearchResult.aspx?strRequest=$1"/> <rewrite url="/english.aspx" to="~/EN/Default.aspx"/>
<rewrite url="/clip-en.aspx" to="~/EN/EN-Clip.aspx"/>
<rewrite url="/find-the-song.aspx" to="~/EN/EN-TraCuuQuaTang.aspx"/> <rewrite url="/find-the-giftbox.aspx" to="~/EN/EN-ListBoxGift.aspx"/> <rewrite url="/gift-register.aspx" to="~/EN/EN-GiftRegister.aspx"/> <rewrite url="/view-your-gift.aspx" to="~/EN/EN-ViewYourGift.aspx"/> <rewrite url="/find-the-mailbox.aspx" to="~/EN/EN-TraCuuHopThu.aspx"/>
<rewrite url="/find-the-gift/(.+)" to="~/EN/EN-TraCuuQuaTang.aspx?strRequest=$1"/> <rewrite url="/find-the-giftbox/(.+)" to="~/EN/EN-ListBoxGift.aspx?strRequest=$1"/> <rewrite url="/the-gift-selected/(.+)" to="~/EN/EN-ViewYourGift.aspx?strRequest=$1"/> <rewrite url="/find-the-mailbox/(.+)" to="~/EN/EN-TraCuuHopThu.aspx?strRequest=$1"/> <rewrite url="/enc/(.+)" to="~/EN/EN-Category.aspx?strRequest=$1"/>
<rewrite url="/end/(.+)" to="~/EN/EN-Detail.aspx?strRequest=$1"/> <!--
Chu y: phan text trong link (chang han nhu c, d o tren) ko duoc trung voi ten thu muc <rewrite url="^(.*)/(\?.+)?$" to="$1/Default.aspx$2?"/>
same thing as <rewrite url="/tags/(.+)" to="/tagcloud.aspx?tag=$1" /> --> </rewriter>
3.2.4 Đăng ký Quatangtutraitim.vn với Google Analytics
Trong việc thực hiện SEO cho web site, một trong những công cụ quan trọng phục vụ việc phân tích thông tin Khách hàng truy nhập web, phân tích từ khóa tìm kiếm mà Khách hàng đã nhập để tìm ra web site đó là Google Analytics.
Google Analytics sẽ thực hiện thống kê các thông tin Khách hàng truy nhập web: Vị trí của Khách hàng, sử dụng trình duyệt gì, độ rộng màn hình, hệ điều hành, gõ từ khóa nào để tìm ra web site, tỷ lệ người dùng truy nhập web so với tỷ lệ người dùng biết web site qua thao tác tìm kiếm, ... Đây là các thông tin rất hữu ích cho người quản trị web site.
Từ các thông tin ngày người quản trị có thể điều chỉnh mã nguồn, cập nhật thêm bài viết .... cho phù hợp các với các từ khóa mà web site hướng tới.
Các bước đăng ký web site với Google Analytics
Truy nhập vào http://www.google.com/analytics/ Nếu đã có tài khoản thì kích vào Accesss Analytics, nếu chưa thì cần đăng ký 1 tài khoản bằng cách kích vào Sign Up Now
Hình 3.2.4.1 Đăng ký sử dụng dịch vụ Analytics của google
Sau khi đăng nhập thì giao diện đăng ký web site mới hiện ra, trong đó cơ list các web site cũ đã đăng ký. Để đăng ký web site mới, kích vào link: Add website Profile
Hình 3.2.4.2 Cập nhật tên website để google Analytics phân tích thông tin
Điền đầy đủ thông tin theo yêu cầu rồi kích nút lệnh Finish. Google sẽ đưa ra đoạn mã Javascript để người lập trình nhúng vào trang web. Đoạn mã có dạng như sau:
<script type="text/javascript"> var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10553640-12']); _gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google- analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
</script>
Copy và lưu lại đoạn mã này để đưa vào web site sau này. Sau đó kích nút lệnh Save and Finish
Như vậy là đã đăng ký xong web site với Google Analytics. Cần đưa đoạn mã javascript trên vào trang chủ của web site hanoitelecom.com.vn
Hình 3.2.4.3 Đoạn mã của google Analytics đã được đưa vào website hanoitelecom.vn
Hàng ngày Google tự động thu thập thông tin về Khách hàng truy nhập web và lưu vào cơ sở dữ liệu. Người quản trị web site có thể tra cứu để tham khảo các thông tin để đưa ra các điều chỉnh cho phù hợp.
Thông tin chung: Số lần truy nhập trong 1 tháng, thời gian trung bình khách hàng lưu lại trên site, tỷ lệ tăng so với tháng trước
Hình 3.2.4.4 Google Analytics - Thông tin chung về website hanoitelecom.vn Để xem chi tiết hơn kích vào link view report
Hình 3.2.4.5 Google Analytics - Biểu đồ đánh giá truy cập website hanoitelecom.vn
Các thông tin về vị trí người dùng: Map Overlay
Các thông tin về tỷ lệ phần trăm số người vào web site – Traffic Sources Overview: truy nhập trực tiếp (Direct trafic), Link từ web site khác sang (Referring sites), tìm kiếm (Search Engines). Đối với người quản trị và thực hiện SEO thì tỷ lệ % của người dùng truy cập qua Search Engines càng cao càng tốt
Thông tin về trang web được truy cập nhiều trên web site
Để xem các từ khóa mà người dùng đã nhập để tìm kiếm ra web site, tại chuyên mục Traffic Sources Overview kích vào link view report. Thông tin chi tiết sẽ được list ra
Hình 3.2.4.6 Google Analytics – Danh sách các từ khoá và nguồn truy cập đến website hanoitelecom.vn
3.2.5 Đăng ký Quatangtutraitim.vn với Google Webmasters tool
Đăng ký web site sử dụng Google Webmasters tool cũng như việc đăng ký Google Analytics, sẽ giúp cho người quản lý có thêm các công cụ mạnh để thực hiện SEO web site của mình.
Google Webmasters tool sẽ hỗ trợ người quản trị bổ sung các thông tin hỗ trợ cho Search Engine Google như đăng ký site map, phân tích mã HTML xem có gì bất thường, liệt kê các đường link không tồn tại, ...
Để đăng ký web site vào Google Webmasters: truy nhập vào đường link http://www.google.com/webmasters/
Kích vào Sign In to Webmaster tool, nếu đã có Account thì thực hiện đăng nhập, không thì cần đăng ký tương tự như Account Google Analytics. Chỉ cần đăng ký 1 tài khoản có thể sử dụng chung Account.
Hình 3.2.5.1 Webmaster Tools – Đăng ký một website để phân tích
Tiếp tục Google sẽ hỏi cách để xác nhận (Verify) web site. Có nhiều cách để xác nhận, có thể chọn cách add một tag vào mã HTML ở trang chủ.
Copy đoạn mã do google đưa ra và thêm vào mã HTML ở trang chủ, trong thẻ