天矽科技 line

天矽部落格最新的網路趨勢資訊

部落格

不要直接複製WORD文字到網站編輯器!為什麼?天矽科技網頁設計

部落格:不要直接複製WORD文字到網站編輯器!為什麼?天矽科技網頁設計

 

目錄:
網站編輯器與WORD文字
網站編輯器與WORD表格
如何在編輯器編輯文字

 

Word等文字工具都會有自己的屬性設定,但為了方便使用者編輯閱讀,才會將這些資訊隱藏,若直接把Word的文字貼到後台編輯器中,則會出現語法錯亂、排版錯誤等問題。

 

 在進行網站部落格或最新消息的文章發布之前,大多人會使用Word或其他文書工具進行撰寫,將資訊撰寫完成後進行確認再行發布;但是有很多網站管理者,會直接將Word的文字與表格直接複製貼上到後台編輯器中,這樣是不行的!為什麼?

 為什麼不能直接把在Word寫好的文字,使用Ctrl+C、Ctrl+V貼到編輯器中?這是因為每個文書工具,像是Word、PPT、Excel等都會有自己的屬性設定,比如字行間距、行距、字體、顏色及大小…等,只是工具為了讓使用者方便使用、閱讀及編輯,才將這些屬性資訊隱藏

 但是網頁所使用的編輯器語法與文書工具的控制語法不同,所以如果直接將文字複製並貼上網站編輯器時,就會連同隱藏的文書工具語法也複製過去,如此一來,網頁前台所顯示之文字情況也會顯得有些「特別」,且會影響正常CSS原始設計的版型字體,進而造成排版錯誤與原始碼錯亂,如下圖。

 

文字正常編輯情況

▲文字正常編輯情況
 

文字直接從word複製貼上的情況

▲文字直接從word複製貼上的情況

 

 

 不僅是文字會造成錯誤,就連表格也會發生同樣的狀況。

 雖然透過Word設計表格樣式非常方便,直接貼過去也可以顯示得很好看,但是同樣會造成語法過於雜亂與前台顯示的問題,嚴重甚至會影響爬蟲檢索及索引的時間與速度,造成SEO排名下降,如下圖。

表格正常編輯狀況

▲表格正常編輯狀況
 

表格直接從word複製貼上的情況

▲表格直接從word複製貼上的情況

 

 

 每個網站若閒置太久,都會造成網站及主機逾時自動登出的情況,所以直接在後台編輯器上進行文字撰寫並不是一件明智的選擇,那麼要怎麼樣才能讓文字與語法正常顯示,又能安心花時間編輯文案呢?

 這時,我們可以使用記事本的方式進行文字編輯,再將文字直接複製貼上到後台編輯器中,就不會發生上面語法錯亂的狀況了,若有需要編輯文字樣式,則再使用編輯器中的功能,將文字加粗、加底線、加連結或是重點標記…等,就不會有上述之語法發生的狀況。
 

從記事本直接貼進編輯器

▲從記事本直接貼進編輯器
 

記事本在哪裡

▲記事本在哪裡
 

 如果還是習慣使用Word等文字工具進行文案撰寫,那麼我們可以使用後台編輯器中的功能「自Word貼上」或「貼上純文字」,將文字貼入、轉換成正常的編輯器可用之文字,或是也可以直接在編輯器中同時按下「Shift+Ctrl+V」將文字以純文字的方式貼上。
 


 這樣一來,網站中的文章、部落格或最新消息的頁面,就可以依照原先設計師所設計的字型大小、樣式與版面,而非來自Word表現的樣式,並且網站原始碼也能簡單呈現、不會過於雜亂,以利於爬蟲檢索與SEO網站排名。

 

回上一頁
信箱
客服
Line@