在做網(wǎng)站-張家港網(wǎng)站設計的時候有的美工前端以及程序員網(wǎng)站可能做得很熟練,但是有一部分對于SEO優(yōu)化卻不是很了解,所以就會造成一些代碼、標簽等運用的不是很規(guī)范,這個時候就需要seo人員來對網(wǎng)頁進行調整修改了。這也是一名seo人員所要具備的基本素質了。當然能提前做好這些工作那是最好的,所以小編就給公司新來的前端美工整理了一份關于代碼方面的一些用法以及講解,現(xiàn)在給大家分享一下!
網(wǎng)頁頭部部分:
title標記:聲明網(wǎng)頁標題(必需要有,title的內容即為搜索引擎收錄后,直接顯示的網(wǎng)頁標題名稱。并且是優(yōu)化環(huán)節(jié)重要因素,需特別設計組合,考慮搜索引擎分詞規(guī)則)詞與詞之間用“-”、“_”、“|”來間隔,這三個符號作用相同的,當然也可以混合使用,不過要注意美觀。
meta屬性:
Keywords 聲明網(wǎng)頁關鍵詞(告訴搜索引擎當前頁面的關鍵詞是什么),每個關鍵詞之間用英文的逗號“,” 分割。
Description 聲明網(wǎng)頁描述,用來表達網(wǎng)站的主要內容概述。(Description的內容非常重要,并且會在搜索引擎的搜索結果中顯示,將網(wǎng)站想要展現(xiàn)的重點內容以及廣告引導詞等展現(xiàn)出來。建議是200字符以內)。copyright 聲明網(wǎng)頁版權 author 聲明作者,這兩個主要是用于網(wǎng)頁規(guī)范性,對優(yōu)化影響不大。
css和js等文件要外部調用,盡量不要直接寫在網(wǎng)頁當中,一些剛入行的前端可能會把css樣式JavaScript等直接寫在當前網(wǎng)頁中。
為什么要外部調用?
1、對于程序維護人員來說,統(tǒng)一的外部調用可以更方便的來進行修改和維護。
2、對于搜索引擎來說,該部分代碼并無實際意義,影響搜索引擎蜘蛛抓取效率。
3、對于網(wǎng)站速度來說,頁面代碼增多,影響網(wǎng)站速度。
圖片:除幻燈、banner輪播圖等必須直接插入圖片的地方,其他地方圖片盡量用做背景,然后在上面寫上文字。若是某些標題部分一定要用圖片則需要在img里面用alt標簽申明圖片含義。格式:
為什么?
1、對于用戶來說,網(wǎng)頁圖片越多,用戶打開網(wǎng)頁時所緩存的數(shù)據(jù)就越大,網(wǎng)頁打開速度就越慢。所以盡量用顏色或者小圖片來做背景。
2、對于搜索引擎來說,搜索引擎蜘蛛只認識漢字數(shù)字英文等字符形式的內容,無法識別圖片的內容。所以要加alt進行描述。
外部鏈接:
如果網(wǎng)站有外部導出鏈接:例如鏈接到淘寶,QQ空間,微博時。鏈接內加入nofollow屬性來阻止向該鏈接傳遞權重。例如:淘寶。
另外,某些網(wǎng)頁效果會用iframe框架來完成。雖然有的文章說現(xiàn)在百度可以抓取到框架里面的內容了。但是無論能否抓取到,反正百度不喜歡這個標簽,所以網(wǎng)頁里面盡量不要用框架。
h標簽
h1標簽申明該網(wǎng)頁最重要內容。一般每個網(wǎng)頁只有一個h1標簽,盡量不要用多個。在首頁時h1常用于標記網(wǎng)站名稱或最主要關鍵詞,在頻道頁、欄目頁h1標簽常用于標記頻道頁、欄目頁名稱。在內容頁h1標簽時常用于標記文章名稱。
h2標簽可出現(xiàn)多次,常用于導航欄目名稱,或長尾關鍵詞等。不過也要適度應用。
b標簽strong標簽
這兩個標簽的含義是對文字加粗,申明文章中的關鍵內容,這兩個標簽含義相同。
網(wǎng)站地圖:分為html地圖以及xml地圖。
html地圖是給用戶看的,體現(xiàn)網(wǎng)站框架目錄,一目了然。
xml地圖也叫sitemap,做優(yōu)化需要有的。是給搜索引擎蜘蛛看的,就如同把網(wǎng)站所有結構頁面做成了一張網(wǎng),蜘蛛可以順利的爬行整個網(wǎng)站。當然雖然現(xiàn)在百度出了主動推送,應用起來也挺方便。不過360等其他搜索引擎還是看xml地圖的。
404頁面:
當網(wǎng)站改版、換程序、換空間、內容刪除替換時,會出現(xiàn)一些打不開的頁面,被稱為死鏈接。404頁面可以避免產(chǎn)生死鏈接,并且對于網(wǎng)站-張家港網(wǎng)站建設訪客來說,也是很好的用戶體驗。
內容頁:
通常H1用作內容標題名稱。文章底部可以加“擴展閱讀”或“相關文章”等列表。用來增加用戶粘度,并且可以引導搜索引擎蜘蛛爬向更多的頁面。