3 月 2017

解決 ProPhoto 版型 blank.gif 無 alt 文字問題

這個案例是我在幫客戶優化網站時遇到的，關於 ProPhoto 版型系列中，有個 slideshow 的大圖輪播的展示程式，在 SEO 的過程中，會發現圖片沒有下所謂的 alt 文字是件小小的錯誤。然而官方內建的版型後臺並沒有此選項讓使用者修改，而我們也試著找出了方式去解決。記得，請有經驗的人士再自行修改 PHP 程式碼，否則請不要隨意亂動。

圖一：你會看到在程式碼中，我畫紅線的地方其實是沒有的，利用 SEO 輔導的程式去掃瞄網站也會將其回報說缺少 Alt 文字

圖二：請找到負責處理這部份的 slideshow.php，位於 wp-content/themes/prophoto5/views 底下可以找到，請先備份。

圖三：將 alt=”你要加進去的圖片文字” 給代入紅線的位置，請對照著看，通常都在 class 前面。其中要另外注意的是圖中的倒數第二行 “/> 前面也要插入一段 alt=”你要加進去的文字”

圖四：你不要真的打中文，它會顯示亂碼，圖三的已經經過 UTF-8 轉 ASCII 轉碼後再取代。

註：線上免費轉換工具 – Online Unicode to ASCII converter tool

完成後再檢查一遍，若正確顯示中文就完成啦！

提交網站地圖加速搜尋引擎收錄

在一個網站建立完成後，除了要將作品一一陸續放置進去，還要記得做一件事─ 那就是「建立網站地圖並提交給搜尋引擎」。

這件事可做可不做，因為不做的話過好久好一陣子後，搜尋引擎自己會去慢慢爬你的網站，並將覺得對使用者有用的資訊給收錄進搜尋引擎，這大概是一到兩個月的時間；若是各位站長們自己主動去建立網站地圖 Sitemap，對於搜尋引擎而言是好的，也算可以加速被搜尋引擎收錄的速度，記住！主動積極永遠都是最好的選擇。

至於怎麼做呢？用 WordPress 的網站站長，可以使用外掛插件 Google XML Sitemaps 來建立網站地圖，但不知怎說，某些特殊的環境狀況下，這套有時會有異常，這時就得仰賴網路上免費的網站地圖產生器了。

線上網站地圖產生器：https://www.xml-sitemaps.com/

圖一、圖二
1. Starting URL 填入網站網址
2. Change frequency 請選擇你的更新頻率，通常 Weekly
3. Last modification 最後修改請選伺服器時間 Use server’s response
4. Priority 優先度選 Automatically Calculated Priority
5. 按下 Start，等候完成
6. 下載 Sitemap.xml
7. 上傳到網站伺服器的 FTP 根目錄下

圖三、
1. 進入 Google Webmaster 網站管理員工具
2. 選檢索、Sitemap
3. 新增 Sitemap
4. 填入 Sitemap.xml 並送出提交
5. 靜候搜尋引擎回應收錄之情況即可

是不是很簡單呢？

Google 表單自動通知

Google 的免費表單一直都是許多利用網站接案的站長們必備工具。透過這個免費的資源，我們可以讓設計一個讓客戶更簡單的填寫詢問單進而產生互動而提昇成交的機會，但是有很多人知道怎麼弄表單，每天都要不斷的抽空看一下，有時一忙起來了，連詢問單都忘了看有沒有新的詢問，幾天後想起來一看，結果發現過好幾天了，客人也跑了，簡直欲哭無淚啊！

Edwin 在這邊提供一個基本簡易教學，教會你不用安裝什麼東西及程式，只要照著步驟點一點，就可以在詢問單有新的詢問時寄信通知你，你再去看客人詢問內容即可。

圖一、登入你的 Google 帳號，並連到你自己的表單頁面，右上角紅框處鉛筆修改按下去。

圖二、按下回覆這個分頁選項進行切換。

圖三、會看到有個綠色的小圖示，這是 Excel 試算表的功能，請按下去。

圖四、找到上排的「工具」，並選擇「通知規則」

圖五、跳出視窗請按下紅框標示的「新增其他通知規則」

圖六、照著紅框處設定，分別是「有人提交表單時」以及「電子郵件 ─ 立即」選起來，按下儲存。

圖七、會看到設定成功會有這樣的畫面，按下完成即可。

圖八、你自行測試一下，是否填完表單會收到通知，這就是通知信的樣子。

※ 2017 – 02 更新：新版 Google 表單只要從回覆那邊選擇打勾即可 ※

看似輕鬆的背後努力

每次都想拍一下上課的樣子，但每次都忘記拍了，這次是第三次了吧？每次課程結束後我總感慨，從事美術/藝術相關工作的，在台灣往往最不受到尊重，一個網站累積多少設計者這麼多年以來的學習美感沉澱，談到錢時業者總是一臉訝異的說「怎麼這麼貴？我們預算有限，只要一個簡單的網站就好。」

WordPress 中的圖片 SEO 做法

關於 Google 的圖片關鍵字 SEO 做法，這也不是什麼小秘密，而且很簡單就可以透過 WordPress 達成。

圖一、這是我們 WordPress 的媒體庫，在這你會看到你所有上傳的圖片及音訊和影片。

圖二、只要點開其中的圖片，並將紅框處的標題與替代文字（Alt）上好圖片的關鍵字，並使用在 WordPress 文章中作為內文圖片或者特色圖片。

圖三、經過搜尋引擎的收錄，只要該照片不要拍得太差，通常會在 Google 圖片搜尋中被找到。此圖的紅框處都是我們的網站照片，你可能自己也偶爾會用圖片找資訊，更何況是找婚攝或者新秘以及其他產品的網友？

你看，是不是比較容易讓你的商品比別人更容易被看到呢？這一些都是非常基本的技巧，但往往很多人會忽略要做這件事。

iOS 手機查看 SEO 排名 APP

各位想必曾遇過關鍵字在過年期間，沒在電腦前用手機一頁一頁看太慢了，今天跟大家分享 iOS 版的 SEO 排名 APP。

首先，先至 App Store 下載「SEO Edge」

圖一、安裝完成並執行

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖二、在程式第一頁按下「Add Profile」

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖三、Domain name 填網址，Country 請選 Taiwan

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖四、填完後，按左上 Add Profile 回到上一頁

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖五、右上漢堡選單按下去，選「Add Keyword」

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖六、選「「Add Multiple」新增複數關鍵字

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖七、上頭空白處每一行填一組關鍵字

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖八、完成關鍵字新增

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖九、完成按下 Save，並再按右上選單選「Refresh Ranking」進行更新

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖十、讓它跑一下

iOS 手機查看 SEO 排名 APP - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化
圖十一、最後跑完結果

是不是很簡單呢？

我需要 SSL 嗎？

對於一般使用者自行架站者來說，若自己承租的主機商有提供 SSL 服務，建議直接向主機商購買比較省時省力。

因為若透過第三方購買，你必須要知道怎麼去生成金鑰並匯入 SSL 的憑證簽署程序，最後再獲得簽署完成並安裝上去後，接下就會是更麻煩的事了，你必須要解決關於 WordPress 上的 Mixed 混合內容（有些 Java script、圖片走 http:// 有些則是走 https:// ）通常嚴重會造成因為 WP 自動轉址這些內容的開頭導致無限迴圈，輕者只是裝了拿不到綠鎖頭。

當然，有幾種方式可以教會你快速取得免費的 SSL 認證，但某些時候大多數人會不知所措到底那裡做錯了，一直無法取得 SSL 認證。在我們的《網站競爭力：佈局》這進階課程內我們會教會你們兩套方式，分別是購買安全評分較高的 SSL 以及免費但安全評分較低的 SSL 之取得安裝方式。

最重要的還是，裝 SSL 到底對你網站有啥米幫助？Google 僅僅輕描淡寫的說，會給予這些有安裝 SSL 傳輸安全協定的網站給予一些排名上輕微的提昇，對於一般只是提供產品展示的網站上其實影響不大，若您是電子商務、社群網站、資料收集等相關的網站站長，這部份就不得不重視一下啦～

獨角獸工坊 - SEO 搜尋引擎最佳化 | 網站設計 | 網站架設

Monthly Archives: 3 月 2017