導航:首頁 > 網站優化 > 優化網站文字字體設置

優化網站文字字體設置

發布時間:2020-09-13 12:25:13

1、html網頁的字體怎麼設置好看

想用CSS設置字體樣式,首先得了解CSS 字體屬性,CSS 字體屬性可以定義文本的字體系列、大小、加粗、風格(如斜體)和變形(如小型大寫字母)。
如下:
font 簡寫屬性。作用是把所有針對字體的屬性設置在一個聲明中。
font-family 設置字體系列。
font-size 設置字體的尺寸。
font-size-adjust 當首選字體不可用時,對替換字體進行智能縮放。(CSS2.1 已刪除該屬性。)
font-stretch 對字體進行水平拉伸。(CSS2.1 已刪除該屬性。)
font-style 設置字體風格。
font-variant 以小型大寫字體或者正常字體顯示文本。
font-weight 設置字體的粗細。
如果你希望文檔使用一種字體可以這樣
body {font-family: sans-serif;}
指定字體系列,如下,這樣所有h1標簽裡面的字體就定義好了
h1 {font-family: Georgia;}
其中他們優先順序是 h1>body
注意:如果讀者沒有安裝 Georgia字體,會默認為其他字體,如果您對字體非常熟悉,也可以為給定的元素指定一系列類似的字體。要做到這一點,需要把這些字體按照優先順序排列,然後用逗號進行連接:
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
如果把一個 font-family 屬性放在 HTML 的 style 屬性中,則需要使用該屬性本身未使用的那種引號如:
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,
'New York', serif;">...</p>
字體風格
font-style 屬性最常用於規定斜體文本。
該屬性有三個值:
•normal - 文本正常顯示
•italic - 文本斜體顯示
•oblique - 文本傾斜顯示
實例
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
字體變形
font-variant 屬性可以設定小型大寫字母。
小型大寫字母不是一般的大寫字母,也不是小寫字母,這種字母採用不同大小的大寫字母。
實例
p {font-variant:small-caps;}
字體加粗
font-weight 屬性設置文本的粗細。
使用 bold 關鍵字可以將文本設置為粗體。
關鍵字 100 ~ 900 為字體指定了 9 級加粗度。如果一個字體內置了這些加粗級別,那麼這些數字就直接映射到預定義的級別,100 對應最細的字體變形,900 對應最粗的字體變形。數字 400 等價於 normal,而 700 等價於 bold。
如果將元素的加粗設置為 bolder,瀏覽器會設置比所繼承值更粗的一個字體加粗。與此相反,關鍵詞 lighter 會導致瀏覽器將加粗度下移而不是上移。
實例
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
字體大小
font-size 屬性設置文本的大小。
有能力管理文本的大小在 web 設計領域很重要。但是,您不應當通過調整文本大小使段落看上去像標題,或者使標題看上去像段落。
請始終使用正確的 HTML 標題,比如使用 <h1> - <h6> 來標記標題,使用 <p> 來標記段落。
font-size 值可以是絕對或相對值。
絕對值:
•將文本設置為指定的大小
•不允許用戶在所有瀏覽器中改變文本大小(不利於可用性)
•絕對大小在確定了輸出的物理尺寸時很有用
相對大小:
•相對於周圍的元素來設置大小
•允許用戶在瀏覽器改變文本大小
注意:如果您沒有規定字體大小,普通文本(比如段落)的默認大小是 16 像素 (16px=1em)。
使用像素來設置字體大小
通過像素設置文本大小,可以對文本大小進行完全控制:
實例
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}

2、seo網站關鍵字設置

1、注意關鍵詞與站點的相關性

你比如說,站點明明是個做SEO的分享博客,但關鍵詞卻是裝修、機械這些詞,這就極大的背離了站點的相關性原則,往往不容易得到好排名。網站的SEO關鍵詞設置上,還是要以相關性為主。

2、設置適量的關鍵詞

理由1、關鍵詞過多會導致網站的關鍵詞相關性比較分散,從而影響網站關鍵詞的排名;2、在站點優化初期,頁面的權重(或說綜合評分)是比較低的,關鍵詞多了,不利於集權。

因此,設置適量的關鍵詞,比如2~3個主關鍵詞,是比較恰當的。

3、分析用戶的搜索習慣

SEO作為搜索營銷,最大的特性就是——用戶是通過搜索而找到我們的,這與現在眾多的平台營銷不同,平台營銷更多的靠自動推送。由此,我們必須掌握住用戶的搜索習慣。

小庄個人博客

3、如何將一個網站,優化並且 用文字形式展現出來?

優化一個網站 需要有足夠的精力,並且時常關注該網站,並且有個長期的規劃,需要迎合搜索引擎的口味,來進行優化網站,總體上這樣操作:
第一、代碼精簡
代碼精簡是指清除或者簡化頁面中的代碼,達到降低頁面體積,提高頁面載入速度,從而提升用戶體驗,提高搜索引擎友好度的目的。
不論一般的CMS系統,還是自己研發的網站程序,代碼精簡都非常必要。因為現在的程序開發往往都力爭「無所不包」,恨不得在一個腳本系統中加入所有的功能,而對網站、用戶、搜索引擎而言,這些功能可能並不需要,所以需要進行適當的精簡。頁面代碼的精簡通常可以分為以下幾個方面:
1、垃圾代碼清理;
2、HTML標簽轉換;
3、CSS優化;
4、JS優化;
下面簡單介紹上述各方面的典型例子。
一、「垃圾代碼清理」:將頁面中無用的代碼刪除之後,頁面不會有任何影響。
1、常見的垃圾
代碼一般包括各種網頁製作軟體在製作網頁時默認生成的無用代碼,比如無意義的空格、默認屬性、注釋語句和空語句等。
「HTML標簽轉換」:從代碼精簡的角度考慮,將原本的長標簽替換成擁有同樣功能、搜索引擎認為作用一致的短標簽,比如「<strong>」和「<b>」的作用都是加粗,但是「<strong>」比「<b>」多5個字元。如果網頁上有很多個加粗的標簽,明顯用「<b>」替換「<strong>」可以起到代碼精簡的作用。
「CSS優化」:CSS是cascadingstylesheet的縮寫,即層疊樣式表。它是目前最常用的控制頁面布局、字體、顏色、背景的技術。CSS優化主要是改變CSS的調用方式、採用DIV+CSS的方式進行頁面製作,以防止垃圾代碼的產生,減少重復代碼。
「JS優化」:所謂JS,就是&#106avascript的簡稱。在搜索引擎眼中,到目前為止仍然不解析JS生成的頁面或者內容,也就是說JS對搜索引擎來說是不友好的,如果將內容放置到JS中,是無法被搜索引擎抓取的。JS優化主要是為了避免JS代碼佔用頁面空間及重要位置,以及放置一些不希望搜索引擎看到的內容。
上面是一些典型的代碼精簡的例子,考慮到技術門檻,並未做過多地深入講解。就目前來看,主流的CMS系統往往都需要進行代碼的精簡,根據不同情況,搜索引擎優化者應該進行適當的學習和調整。
2.<title>標簽優化
<title>標簽頁稱為標題標簽,它和<keywords>、<description>標簽一起構成網頁的頭部三大標簽。
標題標簽內容是對網頁主題的概括,相當於一篇文章的題目。一般情況下,打開一個網站,在任意頁面選擇「查看源文件」,都可以看到頁面中的<title>標簽,而這個標簽中的內容,,對用戶來說,就顯示在瀏覽器的頂部。
在整個站內搜索引擎優化技術當中,標題標簽是最重要的,它對頁面內容產生決定性影響,絕大多數搜索引擎都會提取網頁標題中的內容作為搜索結果展現給用戶。
在標題標簽優化中,需要注意以下幾個細節:
a、「唯一的標題」:在單網頁優化中,所有網頁都應該有適合自己的獨特的標題。很多網站因為腳本程序的默認設置,或者是內容建設者的馬虎,往往會造成網頁內容不同,而標題相同的情況,這在搜索引擎優化中是應該杜絕的。
b、「標題長度」:為符合搜索引擎展示網頁的需求,~般要求標題長度在25~30個字之間較為合適。如果太短,無法很清楚地表達出頁面的內容;如果太長,則搜索引擎返回的查詢結果中就無法完全顯示。
c、「關鍵詞分布」:在網頁的標題中,盡量出現針對這個網頁內容主題的關鍵字、關鍵詞,但是需要自然,要符合用戶閱讀習慣,同時不要生硬地進行關鍵詞堆砌。
d、「標題吸引力」:上一篇《這樣優化標題,更吸引人》講過,一個好的標題,應該對用戶產生足夠的吸引力,以方便網站在搜索結果中展現的時候,吸引更多用戶進行點擊。如果標題沒有足夠的吸引力,排名再好也不會讓用戶感興趣,獲得的流量自然也不會多。
e、「標題構成」:對單網頁來說,一般情況下,標題順序應該是「本頁內容主題』』+「欄目名」+「網站名(品牌)」,這種標題構成格式是最常見,也是最符合用戶習慣和搜索引擎喜好的標題構成方式。
3.<keywords>標簽優化
<keywords>標簽也就是網頁的關鍵字標簽,主要作用是告訴搜索引擎,此頁面的主要內容要點、關鍵詞。
對單網頁來說,<keywords>標簽應該按照關鍵詞的重要性順序,有針對性地羅列幾個真實的關鍵詞。也就是說,這里羅列的關鍵詞應該是整個網頁的主要內容凝練,不應該偽造或者堆砌關鍵詞。
4.<description>標簽優化
<description>標簽也就是描述標簽,主要是對當前網頁內容的概括,是相對簡單的頁面介紹。
和<keywords>標簽一樣,因為早期很多人利用<description>標簽堆砌關鍵詞,從而達到作弊的目的,所以現在的一些搜索引擎已經表示減弱或者完全不將<description>標簽作為排名演算法因素。
不過,同<keywords>標簽不同的是,很多搜索引擎會將<description>標簽的內容,作為搜索結果展現中的描述,呈現給用戶,所以從提高用戶體驗、吸引眼球的角度而言,<description>標簽應該進行有針對性的優化:
a、<description>標簽長度:在Google中,它有時會截取描述標簽中的112個中文字元長度的內容,作為搜索結果中的描述,所以一般情況下,描述標簽不應該太長、太短,以80~110個中文字元長度為宜:
b、關鍵詞分布與組合:在<description>標簽中,應該恰當地出現關鍵詞,並且在自然、通順、歸納網頁內容的前提下,盡量進行關鍵片語合,以利於搜索引擎挖掘更多的長尾關鍵詞。
5.<h>標簽優化
對單網頁來說,頭部三大標簽優化完成之後,整個網頁的代碼優化就大致完成一半,其餘一些重要的權重標簽優化佔到另外的一半,比如<h>、<b>等。
<h>標簽是所有權重標簽中最重要的標簽,它一共有6種樣式,即<h1>~<h6>,這些標簽在影響頁面相關性方面逐級遞減。
在實際的頁面優化中,優化者應該將頁面中最重要的內容,加上<hl>標簽,比如單網頁內容區域中的標題;將網頁中的主要段落標題、二級分類加上<h2>標簽。
需要注意的是,對內容單網頁來說,不建議採用過多的<h>標簽進行標記。通常情況下,<hl>出現1次,<h2>出現3、4次就足夠了。<h3>可能偶爾出現在分類較細的網站首頁,但是<h4>以後的<h>標簽一般就沒有運用的必要。
6.其他標簽優化
除上述講解的幾個常用標簽以外,還有一些其他的標簽,也可以適當地進行優化,比如:
a、<font>標簽:用於字體屬性的定義。
b、<b>標簽:粗體屬性定義。,
c、<i>標簽:斜體屬性定義。
d、<u>標簽:下劃線屬性定義。
這些標簽有各自的作用,在「自然」的前提下,可以適當的使用,以便讓網頁更有層次感,更能突出頁面內容重要性分級——但是這些標簽一定不要在每一個單網頁中都頻繁出現,或者在任何一個標簽中都加入幾個關鍵詞,這樣的優化會造成關鍵詞堆砌或者優化過度,往往適得其反。

第二、URL優化
URL優化是指通過對URL各組成部分進行適當的調整,以提高URL的搜索引擎友好度,提高用戶的記憶、理解、輸入的方便性.進而提高用戶體驗。
URL優化包括三大部分內容:
1.對域名、目錄、文件的命名
好的URL命名方式,應該能讓用戶通過URL即可很清楚地明白自己身處的網站位置。
2.URL中分隔符的使用
在URL中,很多看起來都是起分隔作用的符號其實意義是不一樣的,比如斜杠「/」是約定俗成的分隔符,用於URL中目錄之間或者目錄與文件名之間的分隔,而不能作為文件名中兩個詞語的分隔。
通常情況下,在CMS系統中的URL分隔符都有比較好的定義規范,不建議搜索引擎優化人員進行分隔符的修改。
3.URL長度和關鍵詞控制
URL長度為用戶體驗考慮,當然是越短越有意義、越容易記憶越好,但是在搜索引擎優化中,在URL中適當地包含關鍵詞是非常好的一種優化細節,通過關鍵詞的包含,用戶、搜索引擎都可以很方便地了解其含義。
這三部分之間相互制約、相互影響,最好的優化結果就是充分協調上述三個部分。

第三、關鍵詞布局與密度
在任何一個單網頁中,關鍵詞的布局和密度都是比較重要的。換句話說,如果關鍵詞布局設計得好,密度控制比較自然,那這個頁面的優化相對而言就比較成功。
1.關鍵詞密度
關鍵詞密度每個搜索引擎的標准都不一樣,有的控制很嚴,一般需要控制在2%~8%之內:有的根本不在乎,單頁面的關鍵詞密度30%也不會影響到排名。要檢查某個網頁的關鍵詞密度,可以採用站長站上的關鍵詞密度檢測工具。
通常情況下,對搜索引擎優化者而言,推薦的關鍵詞密度仍然是2%~8%,但是這並不是重點,重點是關鍵詞出現的布局和網頁內容的自然。
2.關鍵詞布局
關鍵詞的布局是優化細節中比較重要的一個部分,好的關鍵詞布局,應該在網頁標題、正文第一段、正文末尾、URL和鏈接等位置合理地出現關鍵詞。
但是,如果搜索引擎優化者死記硬背這一點,在所有的地方都試圖加入關鍵詞的話,往往就意味著優化過度。切記以自然為主,不用刻意進行關鍵詞堆砌。

第四、導入與導出鏈接
對單網頁來說,導入鏈接決定這個網頁的權重,導出鏈接決定這個網頁給其他網頁傳遞的權重。
在單網頁優化當中,導入鏈接可以包含站內的導入連接和站外的導入鏈接兩部分;導出鏈接也同樣分為導出到站內的鏈接和導出到站外的鏈接兩部分。
對單網頁的導入與導出鏈接而言,應該盡量遵循以下的原則:
a、單網頁的站內導入鏈接應該盡量多:也就是盡量在網站的內容鏈接中,形成更多指向網頁的鏈接。
b、單網頁的站外導入鏈接應該盡量多:盡量在其他網站上,建設指向此單網頁的外部導入鏈接。
c、單網頁的導出鏈接必須要有相關性:不管是單網頁的站內導出鏈接還是站外導出鏈接,都應該有密切的內容相關性。只有有相關性的導出鏈接,才能為用戶提供更好的用戶體驗,也才能更利於搜索引擎的排名。
對搜索引擎優化新手而言,導入/導出鏈接的建設相對單網頁的其他優化細節而言更不容易理解,其實記住以下這句話不但可以很好地判斷如何建設導入、導出鏈接,還能判斷其他的優化細節是否必要。
提醒:搜索引擎優化者應該站在普通網站訪問者的角度來審視網站,如果自己感覺需要的功能,則SEO就應該增加、擴展;如果自己都感覺不需要、不舒服、沒意義的功能,則SEO應該修改、刪除。

4、文字排版如何優化網站頁面設計

一個網站是否美觀關繫到用戶是否喜歡該網站,決定網站是否美觀的因素就是網站頁面設計。
從網站的角度出發,網站內容的核心就是文字,文字排版就是將文字進行合理的排列組合。從搜索引擎的角度出發,搜索引擎可以識別並採集的主要內容是文字。基於這兩點,文字內容在網頁中的重要性顯而易見,企業網站設計時需要著重對這文字部分的內容進行合理優化,讓其與網站的設計風格和表現需求相符合,從頁讓網站設計發揮出更大的價值。文字排版優化的實用方法如下:
1、文字格式應前後一致、風格統一
企業網站中運用文字時不會只集中在一個區域,所以在進行文字排版時應做到前後一致、風格統一,這樣才能保證網站頁面的整齊統一。影響文字格式的因素有文字顏色和大小,在網頁設計中這兩點應做到一前後一致,整齊美觀。另外,在做到統一的同時還應注意動態性,讓網上頁面即整章有具有不失乏味。
2、文字的間距和行距應做到適當、科學
文字的間距和行距指的是兩個文字之間和兩行文字之間的距離,企業網站頁面設計時應做到科學適當的設置網站頁面文字的間距和行距,讓整個頁面的內容即緊湊又合理,只有合理的文字排列才能讓用戶順便利的閱讀網站內容。
避免出現的情況:①文字間距相對較小或過大,②文字行距過大或過小。無論是文字的間距過大還是過小都是不對的,過小會給人一種密密麻麻的感覺,讓用戶沒有想要閱讀下去的俗慾望;而過大就會導致網站頁面的內容量過少,能夠為用戶提供的信息量降低。
分形科技建議:網站頁面文字排版時上下文的間距控制在1.5倍相對合適,這符合大部分人的審美觀念。
3、文字的顏色選擇應合理
網頁中的文字也是可以設計顏色的,這個顏色的選擇應與網站的背景色有明顯的差異,讓人可以很容易的將二者區分開來,這樣做有利於增強網頁中文字內容的辨識度。另外,還需要從整個頁面出發,注意整體的層次感,如文章的標題和正文中需要重點突出的內容可以設置一些不一樣的顏色,讓網站頁面豐富起來,吸引用戶閱讀。
望採納!謝謝!

5、在網頁設計中如何對文字進行排版的優化

在網頁設計中文字排版可以說是網頁中的主體,排版的樣式和美觀程度能夠直接影響到用戶的體驗,文字排版對網站設計中有哪些影響呢!網站重要的內容信息展示方式就是文字排版,能夠讓訪客有更好的辨識度和易讀性也是有文字排版來決定。那麼文字排版包括字體,顏色,間距等方面,今天就談談文字排版對網站的影響。
1.文字排版行距字間距影響網站閱讀性。

網頁設計中文字不同的間距,不僅影響美觀,也同時影響閱讀性。在大段文字情況下,文字間距還有一行文字的長度都有很高的要求,用戶都是喜歡看清晰文字,如果間距小,每行文字多擠一塊就會顯著亂七八糟的,會讓用戶提不起興趣來再看。
2.文字的顏色影響視覺效果。
文字顏色要看整個網站的風格來搭配顏色,能夠讓文字的顏色搭配的更加舒適。但很少有用比較亮的顏色用著文字的顏色,因為用戶在長時間閱讀文章的時候會引起視覺疲勞,恰當的配色可以讓網站提升魅力。

6、網頁字體太小 怎麼設置成正常字體?

調整網頁和桌面所有軟體的字型大小大小的方法如下:

1、在桌面任意空白文字點擊滑鼠右鍵,在隨後打開的菜單中選擇「顯示設置」按鈕,並點擊進入。

2、在隨後打開的菜單中找到「縮放與布局」文字下的「更改文本、應用等項目的大小」下的下拉框並點擊。

3、在隨後打開的下拉框選項中選擇「175%」即最大的文本字型大小。

4、隨後回到桌面即可看到應用的圖標已經變大了,打開瀏覽器發現字型大小也變大了。

7、網站建設如何做好文字排版優化

第一、文字間距;除了文字顏色要注意之外,還需要注意其上下間距問題。因為當我們瀏覽文字時,如果間距設置的不合理,會感覺太鬆散或者是太緊湊,讀者閱讀起來很不舒適,會刺激眼睛。所以文字的上下間距很重要。在文字內容較多的情況下,排版文字間距,以及每行的文字長度在用戶體驗角度上有嚴格的要求。

第二、文字顏色;文字並不是一成不變的黑色的,還會有很多其他的顏色來點綴裝扮文字。因為本身網站整體有一個風格,就會有一個主色調,所以文字的顏色也需要與整體色調搭配。通常文字還會有背景色,所以在選擇文字顏色時要慎重,因為文字顏色會與背景色相沖,導致用戶閱讀有障礙,所以與文字背景顏色搭配要舒適,但通常不採用亮色系的色彩作為全部文字的主體顏色,用戶對亮色系的色彩視覺較為敏感。

第三、文字留白;留白,這種設計方式我們在很多設計網頁中都可以看到,除了圖片設計中使用這種留白方式,文字設計中也可以使用這種巧妙的留白設計。在排版文字時,在版面需要留出空餘空間,留白面積從小到大應該遵循的順序是:字間距、行間距、段間距。此外,在排版內容區之前,需要根據頁面實際情況給頁面四周留出余白。這樣的話,就可以進一步提高文字的閱讀性。

最後、就是文字重復; 文字也可以進行重復排列,重復的模式不代表沒有創意,重復給用戶一種有組織、一致性的體驗,可以創造連貫性,顯得更專業。對文字來說,可能字體、字型大小、樣式的重復,也可能是同一種類型的圖案裝飾、文字與圖片整體布局方式等。重復原則在網頁設計上應用非常廣泛,單一的重復可能會顯得單調,設計師卻可以根據不同網站的需求靈活使用,比如有變化的重復能增加創新,給網頁設計增加活力。

8、怎樣做好網站樣板文字的優化

我們有時候會發現在做SEO的時候最後讓你的網站脫穎而出的會是一些細節方面的優化,在一個競爭很激烈的行業外鏈、內容這些大的因素大家可能做得都差不多,這時候網站的細節方面的優化就顯得尤為重要,如果你做了好你就會建立優勢。樣板文字的優化就是我們容易忽略的優化細節,樣板文字如果做不好對網站也是有不小影響的,有以下幾點:
一、樣板文字分類
樣板文字也就是首頁、目錄頁、內頁等多個頁面都有的內容,我們所說的樣板文字主要分為兩種純文字和鏈接(錨文字鏈接和網址鏈接)
1.純文字
純文字主要指的是我們網站頭部和底部的一些通用的文字,比如頭部的收藏主頁、網站地圖、電話等等,底部的版權信息、備案信息、公司信息,有很多企業網站喜歡在網站底部或者頭部加一排自己優化的關鍵詞的純文字,以為這樣可以增加關鍵詞密度,其實這算是作弊行為對網站的損害是很大的。
2.鏈接
鏈接包括錨文字鏈接和網址鏈接,在上面提到的刻意增加關鍵詞除了純文字也有很多加錨文字的,很多企業網站會在網站底部再加一排導航這樣就和頂部的導航直接重復,造成頁面質量下降,其次錨文字的樣板文字主要還是指的我們在文章中加的關鍵詞錨文字鏈接和內鏈系統中的鏈接,因為這些鏈接在很多頁面中都是存在的,錨文字的樣板文字處理不好危害是大於純文字的,因為他不僅影響到了頁面和頁面的相識度,還會影響內鏈系統的權重分配,內鏈的因素和外鏈的因素從重要性角度對於關鍵詞排名是相差無幾的,所以說我們要格外注意這一點。
二、樣板文字處理不好的危害
樣板文字的比例是網站頁面質量評價很重要的標准,樣板文字如果做不好會帶來下面幾個方面的危害
1.稀釋該頁面正文內容的比例
如果我們為了增加關鍵詞密度或者其他因素刻意的去增加樣板文字,如果這樣的頁面多了,搜索引擎會認為我們的正文內容比例下降,可能就會判定為作弊行為對網站進行懲罰
2.頁面和頁面之間的相似度增加
如果多個頁面的樣板文字比例過高,那麼搜索引擎會認為這些頁面是重復頁面,如果出現大量的這樣的頁面,那麼就是相當危險的
3.降低頁面權重導出
這里主要指的是內鏈錨文字的樣板文字,我們在設置這些錨文字的時候如果出現了重復或者刻意增加,那麼這個內鏈的權重導出就會受到影響,不能達到我們的預期效果
三、應該如何處理樣板文字
我們知道了樣板文字的危害,所以在處理樣板文字的時候我們要秉著一個原則那就是不要刻意的去增加關鍵詞,在首頁的樣板文字我們要做到盡量的精簡,底部只保留必要的版權信息和企業信息即可,不要刻意的去增加關鍵詞或者增加多餘的東西。
對於文章中的錨文字,再加的時候我們首先要考慮用戶有沒有點擊的需求,而不是為了增加關鍵詞密度而去刻意加一個錨文字。
總結
細節決定成敗,在網站優化中也是如此,在競爭激烈的情況下,如果我們做好樣板文字這個細節,我們就有可能打敗我們其他的競爭對手,希望大家能更注重細節的優化。

9、網頁設計怎麼設置同意字體格式樣式

一、文字樣式設置的基本標簽—<font> 
設置字體樣式的基本標簽是<font></font>,被其包含的文本為樣式作用區。在初學者的HTML代碼編寫中,<font></font>容易被多重嵌套,如<font 屬性1=值1><font 屬性2=值2>文本</font></font>。還有一種情況是標簽嵌套錯位,如<font><p>文本</font></p>。為了規范代碼的編寫,避免不必要的錯誤,讀者在初學時一定要謹慎。 
二、設置文字的顏色 
color是<font></font>標簽的屬性之一,用於設置文字顏色。在D:web目錄下創建網頁文件,命名為font_color.htm,編寫代碼如代碼4.7所示。 
代碼4.7 字體顏色的設置:font_color.htm 
<html> 
<head> 
<title>字體顏色的設置</title> 
</head> 
<body> 
淺紅色文字:<font color="#dd0000">HTML學習的本質就是該是什麼就用什麼</font><br /> 
深紅色文字:<font color="#660000">HTML學習的本質就是該是什麼就用什麼</font><br /> 
淺綠色文字:<font color="#00dd00">HTML學習的本質就是該是什麼就用什麼</font><br /> 
深綠色文字:<font color="#006600">HTML學習的本質就是該是什麼就用什麼</font><br /> 
淺藍色文字:<font color="#0000dd">HTML學習的本質就是該是什麼就用什麼</font><br /> 
深藍色文字:<font color="#000066">HTML學習的本質就是該是什麼就用什麼</font><br /> 
淺黃色文字:<font color="#dddd00">HTML學習的本質就是該是什麼就用什麼</font><br /> 
深黃色文字:<font color="#666600">HTML學習的本質就是該是什麼就用什麼</font><br /> 
淺青色文字:<font color="#00dddd">HTML學習的本質就是該是什麼就用什麼</font><br /> 
深青色文字:<font color="#006666">HTML學習的本質就是該是什麼就用什麼</font><br /> 
淺紫色文字:<font color="#dd00dd">HTML學習的本質就是該是什麼就用什麼</font><br /> 
深紫色文字:<font color="#660066">HTML學習的本質就是該是什麼就用什麼</font><br /> 
</body> 
</html> 
不但可以從代碼4.7中學到color屬性在font標簽中的用法,還可以熟悉各種顏色的表示方法。 
三、 設置文字的尺寸 
size也是<font></font>標簽的屬性,用於設置文字大小。size的值為1-7,默認為3。我們可以size 屬性值之前加上「+」、「-」字元,來指定相對於字型大小初始值的增量或減量。在D:web目錄下創建網頁文件,命名為font_size.htm,編寫代碼如代碼4.8所示。 
代碼4.8 字體尺寸的設置:font_size.htm 
<html> 
<head> 
<title>字體尺寸的設置</title> 
</head> 
<body> 
size為1:<font size="1">HTML學習</font><br /> 
size為2:<font size="2">HTML學習</font><br /> 
size為3:<font size="3">HTML學習</font><br /> 
size為4:<font size="4">HTML學習</font><br /> 
size為5:<font size="5">HTML學習</font><br /> 
size為6:<font size="6">HTML學習</font><br /> 
size為7:<font size="7">HTML學習</font><br /> 
</body> 
</html> 
可嘗試在size值前面加上「+」、「-」字元,更靈活地設置文字尺寸。 
四、設置文字的字體 
face也是<font></font>標簽的屬性,用於設置文字字體(字型)。HTML網頁中顯示的字型從瀏覽端的系統中調用,所以為了保持字型一致,建議採用宋體,HTML頁面也是默認採用宋體。在D:web目錄下創建網頁文件,命名為font_face.htm,編寫代碼如代碼4.9所示。 
代碼4.9 字體字型的設置:font_face.htm 
<html> 
<head> 
<title>字體字型的設置</title> 
</head> 
<body> 
字型為宋體:<font size="5">沁園春·長沙-毛澤東</font><br /> 
字型為楷體:<font size="5">沁園春·長沙-毛澤東</font><br /> 
字型為黑體:<font size="5">沁園春·長沙-毛澤東</font><br /> 
字型為隸書:<font size="5">沁園春·長沙-毛澤東</font> 
</body> 
</html> 
五、 使文字傾斜 
用雙標簽<i></i>可使被作用文字傾斜,達到特殊的效果,例如文章的日期。<em></em>被稱為強調標簽,也是斜體,目前使用比<i></i>標簽更頻繁,其編寫方法如下: 
<i>這是斜體文字</i> 
<em>這也是斜體文字</em> 
六、 使文字加粗 
用雙標簽<b></b>可使被作用文字加粗,是文字更加醒目,例如文章的標題部分。<strong></strong>被稱為特別強調標簽,也是文字加粗,目前使用比<b></b>標簽更頻繁,其編寫方法如下: 
<b>這是粗體文字</b> 
<strong>這也是粗體文字</strong> 
七、給文字加下劃線 
用雙標簽<u></u>可添加下劃線到被作用文字。以下為文字傾斜、加粗和下劃線的綜合示例。在D:web目錄下創建網頁文件,命名為font_style.htm,編寫代碼如代碼4.10所示。 
代碼4.10 文字修飾的設置:font_style.htm 
<html> 
<head> 
<title>字體修飾的設置</title> 
</head> 
<body> 
<font size="5">斜體:<em>沁園春·長沙-毛澤東</em><br /> 
加粗體:<strong>沁園春·長沙-毛澤東</strong><br /> 
下劃線:<u>沁園春·長沙-毛澤東</u><br /> 
斜體 加粗體 下劃線:<em><strong><u>沁園春·長沙-毛澤東</u></strong></em></font> 
</body> 
</html> 
— 注意:在多個標簽包含同一塊文字時,其包含順序不能錯位。 
八、 多種標題樣式的使用 
網頁的文章中,為了凸顯標題的重要性,標題的樣式比較特殊。HTML技術保護了一套針對標題的樣式標簽,分別為雙標簽<h1>到<h6>,文字尺寸從大到小代表不同級別的標題。標題標簽有一個特點,獨佔一行、文字加粗、文字居中。這樣,在設置標題的時候就很輕鬆了,並且可設多級標題。在D:web目錄下創建網頁文件,命名為font_h.htm,編寫代碼如代碼4.11所示。 
代碼4.11 標題的設置:font_h.htm 
<html> 
<head> 
<title>標題的設置</title> 
</head> 
<body> 
<h1>一號標題</h1> 
<h2>二號標題</h2> 
<h3>三號標題</h3> 
<h4>四號標題</h4> 
<h5>五號標題</h5> 
<h6>六號標題</h6> 
<h1>財富雜志:谷歌為何不會盛極而衰</h1> 
 <h3>遭遇潛在問題</h3> 
<p>&nbsp;&nbsp;&nbsp;&nbsp;一些業內人士認為,長期壟斷互聯網搜索和廣告市場谷歌可能會盛極而衰。...與此同時,谷歌近日推出的多項新計劃,例如開放手機聯盟、社交網站通用平台OpenSocial、以及可能投資數十億美元競購無線頻段,也遭到了廣泛的質疑。 
<h3>將繼續壟斷搜索</h3> 
<p>&nbsp;&nbsp;&nbsp;&nbsp;最近有一些文章稱,如果出現更好的搜索引擎,人們會毫不猶豫地放棄谷歌。但是,即使真有更好的搜索引擎出現,谷歌仍然可以在一段時間內屹立不倒。...在這種情況下,網站速度往往會成為決定勝負的關鍵。</p> 
</body> 
</html> 
九、學會處理網頁中的特殊字元 
在HTML中,有一些字元有特殊含義,例如「<」和「>」是標簽的左括弧和右括弧,而標簽是控制HTML顯示的,標簽本身只能被瀏覽器解析,並不能在頁面中顯示。那麼,該怎樣在HTML中顯示「<」和「>」呢?
特殊符號 
HTML代碼 
特殊符號 
HTML代碼 

&lt; 
™(商標符號) 
&trade; 

&gt; 
®(注冊符號) 
&reg; 
「」(英文半形) 
&quot; 
× 
&times; 
§ 
&sect; 
©(版權符號) 
&copy; 
在D:web目錄下創建網頁文件,命名為string.htm,編寫string.htm代碼如代碼4.12所示。 
代碼4.12 特殊字元的設置:string.htm 
<html> 
<head> 
<title>特殊字元的設置</title> 
</head> 
<body> 
<font size="5"> 
標簽的顯示方法:&lt;HTML&gt;<br /> 
引號的顯示方法:&quot;英文半形雙引號&quot;<br /> 
商標的顯示方法:&trade;<br /> 
注冊符號的顯示方法:&reg;<br /> 
版權符號的顯示方法:&copy;<br /> 
顯示&sect;<br /> 
顯示&times; 
</font> 
</body> 
</html> 
— 說明:單獨顯示符號&必須用代碼&amp;。 
十、如何更方便地忽略瀏覽器對部分HTML的解析 
如果在網頁中作一個類似本書的HTML代碼示例,恐怕得把所有的<和>轉換成&lt;和&gt;,顯得比較麻煩。HTML代碼中的<plaintext>和<xmp></xmp>可以輕松解決這個問題。 
<plaintext>是單標簽,它插入到HTML代碼中時,其後面的所有HTML標簽全部失效,即瀏覽器對<plaintext>後面所有的HTML標簽不作解析,直接在頁面上顯示。 
<xmp></xmp>是雙標簽,它只使其包含的內容中的標簽失效,<xmp></xmp>的使用更為普遍。在D:web目錄下創建網頁文件,命名為html.htm,編寫代碼如代碼4.13所示。 
代碼4.13 忽略標簽的設置:html.htm 
<html> 
<head> 
<title>忽略標簽的設置</title> 
</head> 
<body> 
<h2>沁園春·長沙</h2> 
<xmp>獨立寒秋,<strong>湘江北去</strong>,橘子洲頭。 <br />看萬山紅遍,層林盡染; <br />漫江碧透,<u>百舸爭流。</u> <br /></xmp> 
鷹擊長空,<strong>魚翔淺底,</strong> <br />萬類霜天競自由。 <br />悵寥廓,<u>問蒼茫大地</u>,誰主沉浮?<br /> 
<plaintext> 
攜來百侶曾游,<br />憶往昔崢嶸歲月稠。 <br /> 恰同學少年,風華正茂; <br /> 書生意氣,揮斥方遒。 <br /> 指點江山,激揚文字, <br /> 糞土當年萬戶侯。 <br /> 曾記否,<strong>到中流擊水</strong>,浪遏飛舟! 
</body> 
</html> 
十一、其他文字修飾方法 
為了滿足不同領域的需要,HTML還有其他修飾文字的標簽。比較常用的有上標格式標簽和下標格式標簽。某些場合甚至要用到刪除效果,即可用HTML的中劃線標簽。 
— 上標格式標簽為雙標簽<sup></sup>,多用於數學指數的表示,比如某個數的平方或立方。 
— 下標格式標簽為雙標簽<sub></sub>,多用於注釋,以及數學的底數表示。 
— 中劃線標簽為雙標簽<strike></strike>,多用於刪除效果。 
在D:web目錄下創建網頁文件,命名為other.htm,編寫代碼如代碼4.14所示。 
代碼4.14 其他修飾標簽的設置:other.htm 
<html> 
<head> 
<title>其他修飾標簽的設置</title> 
</head> 
<body> 
<font size="5"> 
沁園春<sup>長沙</sup>!<br /> 
數學指數的表示:2<sup>3</sup>=8、100<sup>2</sup>=10000<br /><hr /> 
沁園春<sub>長沙</sub>!<br /> 
數學底數的表示:log<sub>3</sub>81=4、log<sub>5</sub>125=3<br /><hr /> 
刪除效果:<strike>我被刪除了</strike> 
</font> 
</body> 
</html> 

與優化網站文字字體設置相關的知識