10.15 品優購網站專案

網站 favion 圖示

作為縮略的網站標誌，顯示在瀏覽器的位址列或標籤上。

1. 切出圖示的png圖片，用轉換網站轉換成 ico 格式的圖示；
2. 將圖示放到網站根目錄下；
3. 在HTML文件head中引入favion圖示—— <link  rel="shortcut icon"  href="圖示地址/名稱">

 

SEO（Search Engine Optimization）搜尋引擎優化，是指利用搜尋引擎的規則來提高網站在相關搜尋內的排名；

為了進行SEO優化：

 

1、HTML的head中新增三個標籤及其內容：title、description、keywords。

2、製作logo部分時

1. 先加入一個h1標籤，為了提權和標重點；
2. h1中放一個返回首頁的連結a，以logo圖片作為它的背景，並新增一個title屬性使滑鼠放上去時顯示提示文字；
3. 連結a裡面要放文字（網站名稱），但要讓文字不顯示出來，有兩種方法：

• 用文字縮排 text-indent: (-999px)，將文字移到盒子外面，再 overflow: hidden; 隱藏文字；
• 用文字大小 font-size: 0;