網站設計萬萬種

SEO個未來(1) 夢魘開始

SEO個未來(1)撞牆與解套

這篇是繼網速追追追!到底追什麼?!所寫紀錄這陣子幫公司用wordprss架網站的辛酸血淚,剛好不小心SEO竟然有暴衝變同行第一,想說紀念下。

做新網站真的不難,難就難在SEO是需要公司集體同仁都有意識彼此配合,業務知道客戶來的途徑、採購倉管對於產品的熟悉並提供有用的資料、網站設計則針對這些資料統整在文章內做好資料結構化和網站乾淨整潔(不管視覺上還是程式上)

因此SEO每個老闆都渴望的,我在這次經驗發現實質上他就在那,得不得的到,要看你心態有沒有真的想得到他。

在過年前應徵了個工作,錢多事少離家近,真的就像上天給我的禮物,為了讓面試官有個好印象,我還特地跑去莊大衛花了大把銀子打扮一下。
接著就成功應徵上了網頁編輯一職,但還兼網管。

工作內容: 原本網站無RWD設計,需要redesign做一個
我看了看,的確無RWD,這網站是該公司2013跟某網頁設計公司訂製,結果沒有溝通好整個網頁竟然沒有RWD,
老闆氣得直跳腳,到了2019年剛好我來,又有點懂Wordpress,想說那就用Wordpress吧!

接著就是地獄的開始

1.開發新網站不難,難再舊網站資料都沾屎,這屎足以毀了新網站

看似一般正正常常,結果欸!怎麼有反白隱形字?
看來是以前網管不知道哪裡學來的伎倆,以為這對SEO超有幫助,實質會給搜尋引擎判定作弊大扣分啊!

2.不知道為什麼文章裡面html碼附帶標籤好多

 

大約4月初,老闆抱怨網站很慢,排除他手機本身就有點慢以外,我發現的確有點卡,開始針對這件事情去查原因。

結果發現最大敗筆就是過去網站上的資料,以前網管不曉得是使用啥編輯器,自動產生一堆div、id、span、甚至強硬定義寬度等,導致儘管wordpress本身布景好好的,自然會RWD,但因為這些問題變成置入內容會跑版。
加上該位網管很愛在那邊/n~/n~/n
結果這個在PHP裏頭最容易常常資料崩潰,因為”/n”常常對於資料表來說,就是跳開意思,所以常常資料表整個散亂的一蹋糊塗,我最常就是邊整理邊心理OOXX。

好死不死老闆覺得不就是以前網站的內容複製貼上,有啥難,有興趣朋友可以嘗試去該網站,複製~再來貼上,你看div標籤還在不在?

3.一開始也沒做好的部分:忽略了可怕的縮圖

 

其實我真正開始密切接觸wordpress也是今年一月起,一些細節是一開始就得注意的。沒注意的畫,真的網站的各種肥水會越來越多,拖垮網站速度發現後已經太遲了。
首先.針對媒體取消一直產生縮圖 使用 Stop Generating Image Sizes Force Regenerate Thumbnails 原理參考一界資男

網站鼎盛時期曾經有45種裁切方式,也就是說上傳一張圖片,就會給你變46張! 網站產品上傳的圖片有986張,那麼就會產生45356張! 然而有些縮圖你壓根用不到,甚至也不知道在哪,索性利用這兩外掛取消生產新的縮圖,維持檔案乾淨整潔。

後來針對此問題,我忍痛乾脆重新再來,重開了一次Wordpress新站,重新慢慢匯入圖片。整個網站檔案大小也從5G縮小成345MB。

Caesium-批次圖片優化神器

 

為了減少圖片檔案大小,上網查了發現這免費的Caesium還挺給力,大大減少圖片的大小,省得需要額外經費去買相關的外掛。

至於我拉舊官網資料的方法:
我這時腦袋突然動到PHP裡頭去,我直接從舊官網的PHP去拉資料,觀察了一下。
然後再去woocommerce輸出一個csv表格比對一下,馬上遇到另一個問題:
我需要在不同表格間比對商品的Title,若相同才將圖片的網址網後塞,我excel只停留在國小階段…這招後來找資料索性自己寫VB處理,留在後篇吧。

小總結:

 

1.做任何事情案子都先評估好:

尤其是啥舊網站翻新,還要把舊資料帶過去的時候,裡面藏了多少大便都不知。

2.縮圖在一開始最好就注意:

也就是說,其實整個網站規劃一開始腦袋要有清楚輪廓,才不會無意間重複上傳,取消你沒用到的裁切縮圖方式;而且每上傳一次相對於Wordpress就是在PHP資料庫註冊一個欄位,無形中龐大的數量也拖垮你網站速度

3.文章內容沒事不要太多html的標籤元素在裡頭

 

雖然網上也許多所謂beautiful css style generator(美麗的CSS樣式產生器),但通常常常把樣是直接寫在html標籤後,如<p style=”go to hell”;></p> 之類的。
結果萬一他直接定義width=950px; 代表就算你佈景有RWD,到時呈現他直接給你穿過螢幕打妳臉!
幾個還好,當上千上萬,你可以感受到網站搖搖欲墜,又不知道原因何在,後來整個公司的資料我透過Excell大量去刪減,原本總共有685萬多字母(包含符號),砍到只剩49萬,大家可以想像,只是呈現該有資訊,以前的資料累贅有多少。這也會影響不管你是使用WP Rocket還是各種快取外掛,都會沒有用的元凶之一。

下篇應該針對為何無意間,我這麼崩潰情況下,該網站可以在Alexa有個明顯暴衝好了。

 

One thought on “SEO個未來(1) 夢魘開始”

  1. Ringo Li says:

    期待你的分享,看來 Technical SEO 還有一大段可以優化空間

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *