SEO, 版型修改

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

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | Wordpress 架設 | SEO 優化

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

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

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

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

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

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

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

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

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

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

 

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