Web應用程式在SEO上,要特別注意什麼?
到iT邦幫忙
silverdragon(iT邦初學者10級):
現在有些Web應用程式是用Ajax,有些是用Flash,想要知道這類技術雖然在UI上可以做得比較流暢甚至華麗,不過可能對SEO會造成影響,所以想知道這部分在SEO上,有沒有哪些需要特別注意的?
tony1223(iT邦初學者10級):
1. 基本上SEO是蠻重要的議題,操作上也有許多種作法。但大抵上而言,要做SEO就是要餵資料給Google Search Engine,一些難爬的資料,像是Image 或是Object/Flash tag,你都應該按照SEO tips給alt或其他的對應屬性。
2.Ajax crawlable 的議題,你可以先看看Google的文件(https://developers.google.com/webmasters/Ajax-crawling/docs/getting-started)
基本上Ajax crawlable的核心實作概念就是,雖然你給使用者看的是Ajax的效果,但是你還是提供「真正/完整的頁面連結」給搜尋引擎,也就是提供看得見Ajax回來的,以及原本頁面的完整Source資料給搜尋引擎。
一般而言,這得要在你網站有滿足Deep link這個條件的狀況下才能達成,也就是說,你要能夠被搜尋引擎Index的Ajax操作,必須要滿足你每個操作都能產生一個連結是指向Ajax之後結果的「直接連結」。
舉個例子,假設你今天是Ajax類型的表格換頁好了,假設page.php裡面有個table.php?page=1的資料。
那你可能就會需要將Ajax操作的按鈕,提供一個<a>tag內容是指向page.php?page=2,但點擊onClick時是發Ajax給table.php?page=2並preventDefault 。
這樣使用者點擊a的效果不會跑到page.php?page=2,而是作Ajax操作,而Google則會乖乖去爬 page.php?page=2。
你必須要了解的是,Google爬到的資料都是真的(頂多是藏起來的資料,但它一定會在原始碼內),所以你要出現在搜尋結果的頁面,都必須是詳實存在的,你能作的就是讓使用者跟Google實際在操作時路線有分歧,但是不用太期待Google看得懂你的JS link。
當然,所以對於需要SEO的東西,一開始就要把Deep link也列入規畫,而我現在對Ajax page中的SEO感想是,不見得所有東西都要能被搜尋引擎Index到,主要還是要把握那些有用的資訊,針對它們進行設計。
另外也有一種作法是反其道而行,使用者可以做Ajax的連結我不處理,但是我在Sitemap中告訴Google,哪些資料頁面是希望請它來爬的,而只針對Sitemap的資料提供頁作特別處理。
當然考慮到Page Rank的評分方式,能被外部網站引用的頁面網址自然評分也會比較高,SEO的效果就好。所以盡量把Deep link列為Ajax設計時的一種考量,也是蠻重要的。
熱門新聞
2025-01-06
2025-01-07
2025-01-08
2025-01-08
2025-01-06