【技術學校網站建設】SEO技術分析搭建技校網頁整體代碼

  • 【技術學校網站建設】SEO技術分析搭建技校網頁整體代碼已關閉評論
  • A+

福州嘉藝網絡網站建設將從福州SEO的角度來探討怎樣從招生網站的建設上下手提升網站排名。【技術學校網站建設】SEO技術分析搭建技校網頁整體代碼
燕狂徒對于SEO角度的技校招生網站建設對網站進行建設、優化之前,需對網站的產品以及所處的行業有一個清楚的認識。這樣才能制定正確的關鍵字策略,建立合理的網站,網頁結構。

網站基本信息本網站是XX市技師學院的招生網站,主要內容有通知公告、招生快訊、招生簡章、在線報名、常見問答、常用下載幾大部分。通知公告、招生快訊,招生簡章這三部分內容是網站的核心,在線報名、常見問答屬于相對重要的內容,常用下載處于次要地位。

關鍵字選擇根據網站定位,確定招生網站首頁的關鍵字為“招生網”、“XX市技師學院”、“XX市高級技工學?!?,其中“招生網”為主關鍵字,其余為輔關鍵字。

網站結構構建網站結構的構建包括邏輯結構與物理結構兩方面,邏輯結構指網頁之間的鏈接結構,物理結構則是指網頁的存儲結構。構建網站邏輯結構實際上就是對網站中網頁之間的鏈接關系進行規劃。本網站首頁與其他頁面之間的鏈接關系

任意兩個網頁之間都是相互鏈接的,即鏈接深度為1。本網站的分類及內容都相對較少,物理結構的構建也十分簡單,對于招生簡章模塊,可以建立相應的目錄,其他的頁面都存放在根目錄下,這樣可以減少頁面的目錄深度,從而提高頁面的權重。

網頁結構構建

網頁結構構建即是對網頁的內容布局進行規劃。按照網頁重要區域的分布規律,即左上>右上>左>右>左下>右下的原則,把相對重要的內容放到相對重要的位置上,確定好首頁頁面整體框架設計。在首頁中,把招生熱線,網站導航欄放在接近網頁頂部的位置,招生快訊,招生專業則放在相對重要的左側,公告欄、快捷導航等次要內容放到網頁的右側。

常用的網頁布局方法有表格布局,框架布局,DIV+CSS布局等,但因div+css結構的HTML頁面里基本信息只有文字或圖片信息,樣式放在CSS里面,這樣搜索爬蟲只需采集HTML里的內容就可以,無需理會css,大大提高搜索效率。且這種本身符合W3C標準的網頁在SEO優化方面更得搜索引擎蜘蛛喜愛,因此我校招生網站的頁面構建將采用DIV+CSS結構來實現。我校招生網站首頁的布局代碼。搜索引擎是通過抓取網站源代碼來進行分析的,考慮到搜索引擎的喜好,在頁面布局實現過程中,需從最基本的命名規則入手,盡量使用常見的命名規則?!癶eader”、“main”、“footer”等的使用,盡量做到讓搜索引擎明白,從而達到我們的設計目標。

圖3:招生網站首頁整體框架設計圖

招生網站首頁html結構

關鍵詞分布及表現優化

搜索引擎是以關鍵詞為搜索條件進行檢索的,規劃完網頁結構,就要對網頁中的主輔關鍵字的分布及表現進行規劃。同樣,主輔關鍵字分布及表現的規劃,也要遵循網頁重要區域分布規律,盡量讓主副關鍵字分布在網頁中相對重要的區域上。招生網站首頁的關鍵字是“招生網”,為了讓主關鍵字“招生網”能夠在頁面最頂端的位置出現(即最接近HTML源代碼<body>的位置),在logo圖片標簽屬性加上“alt=‘招生網’”的內容;且在頁面的頂部用<h1>標題標簽進行標注,在頁面中使用了<h2>,<B>標簽進行標注。主關鍵字“招生網”在網頁中的分布情況是左上>做>左>左下>右下,符合網頁重要區域分布規律。通過網頁的底部“XX市技師學院招生網 版權所有”,實現了關鍵字“招生網”在最接近</body>的區域實現。

URL優化

本網站內容較少,不存在復雜分類,因此本網站的URL優化十分簡單,僅對URL各組成部分命名即可。如招生快訊頁面的文件名為zhaoshengkuaixun.htm。對于復雜的網站,還需考慮子域名的使用、URL重定向,URL靜態化等內容。

2.7頭部優化

搜索引擎是以關鍵詞為搜索條件進行檢索的,因此確定好網站的主副關鍵字后,重點則是修改網頁頭部三大標簽的內容,即<title>、<Description>、<keywords>。本網站放置關鍵字的代碼如下所示:<title>招生網 XX市技師學院 XX市高級技工學校</title><meta name="Keywords" content="招生網,XX市技師學院,XX市高級技工學校" /><meta name="description" content="招生網:XX市技師學院招生網站,XX市高級技工學校招生網站,包括招生專業,招生快訊,招生政策等信息" />通過標題等標簽的描述,可以有效的突出主題,提高頁面的相關性。

代碼優化

優化代碼主要包括精簡代碼、頭部優化、權重標簽使用及圖片優化。因為在制作網頁時已經考慮到css及Java Script的調用方式、圖片壓縮、頭部優化等問題,因此后續的代碼優化的主要工作就是垃圾代碼清理、代碼簡寫、權重標簽使用等。

垃圾代碼清理

在使用Dreamweaver軟件制作頁面時將產生如空格、默認屬性、空語句等垃圾代碼,這些垃圾代碼往往占用巨大的空間,有必要將其清除。對于頁面中不同位置上的空格字符,將采用不同的方式清理,如空行中的空格,只能手工逐行去掉;而每行代碼結尾處的空格字符,利用編輯軟件中的查找替換工具,將原內容的“>”加一個“空格”替換為“>”,即可清理。

在利用軟件制作網頁時,還會產生一些默認的屬性代碼,如align=“left”(默認情況下文字及圖片都為橫向左對齊的),可利用查找替換功能,將其清除。Dreamweaver軟件中可利用“清理HTML”命令對代碼中的空語句進行清理。

css優化

css規則是在網頁制作過程中根據需要定義的,正因如此,css規則中的各個屬性不可避免的出現冗余、不夠簡潔等現象,為使css規則簡潔易讀,也便于日后的維護、修改,應對已經定義的css規則進行適當的優化。逐個檢查各個選擇器規則,對可以縮寫的各個規則屬性進行縮寫。如#header{ margin:0 auto 0 auto;}可簡寫成#header{ margin:0 auto;}。刪除冗余的設置,如將body{…;margin:0;}中的“margin:0;”刪除,因為之前已經定義通配選擇器*的規則中包含了“margin:0;”。將可分組的規則分組書寫。如可將#header{ Width:960px; Margin:0 auto;}#main{ Width:960px; Margin:0 auto;}#footer{ Width:960px; Margin:0 auto;}合并為:#header,#main,#footer{ Width:960px;Margin:0 auto;}

權重標簽的使用

在網頁中使用權種標簽可以提高頁面的相關性,增加頁面權重。在招生網站的首頁中,主關鍵字“招生網”使用了至少三種權重標簽,分別是:標題標簽<h1>,<h2>,加粗標簽<b>。通過這些標簽突出頁面主題,進一步提高首頁與“招生網”之間的相關性。

鏈接策略

鏈接包括內部鏈接及外部鏈接,因為鏈接優化包括內部鏈接優化及外部鏈接優化。本網站在建立外部鏈接時重點考慮相關性,即考慮自己的網站和對方網站是否有相關性,相關性越強且對方網站權重越高的網站對自己網站越有好處。

因我校的招生對象為高中畢業生和初中畢業生,所有我校招生網站一般和各類中級、高級中學、人力資源等政府類網站建立友情鏈接。

結束語

通過對招生網站SEO優化,將提高網站在搜索引擎中的排名,提高網站訪問量,進而提高學校的宣傳力度,帶來更多潛在生源;但同時還需在網站運營時注意以下問題:(1) 及時更新網站信息,豐富網站內容,加強網站內涵建設。

搜索引擎的排名算法可能會發生變化,在網站運營維護過程中,應根據搜索引擎的改變而改變相應的策略??傊?,在網站的搜索引擎優化技術上還有很多方面需要進一步研究和完善。