一文多發的重複內容可能會被 Google 移除索引
前陣子接到一個來自痞客邦的需求： 去年寫的文章之前搜尋明明有看到 甚至在前幾名 最近搜尋卻不見了 使用sitemap查詢文章網址 出現的是"網址不在屬性中" 這類搜尋不到文章的狀況，無論是在「 FB 社團 」或是向我求救都十分常見，我也寫過許多文章解決搜...
繼續閱讀全文處理網頁大量表格神器，搜尋、翻頁都沒問題﹍jQuery DataTabels
最近接到一個需求，案主的網頁整理了大量的表格(Table)資料，例如提供訪客比較大量餐廳的價格、特色、聯絡資訊等等，表格資料多的時候可能將近上百筆，訪客找起資料來螢幕可能會捲到頭昏眼花。 案主希望有簡便的表格搜尋、篩選功能，同時最好表格還能分頁切換，如此不必額外的螢幕捲動，一...
繼續閱讀全文舊版 Instagram API 於2020年3月底失效，請更新 IG 九宮格圖片外掛
去年寫過「 部落格側邊欄 Instagram 九宮格圖片 」外掛，不過最近協助安裝 IG 圖片外掛時，發現原本提供免費取得 access token(存取權杖)的線上服務「 Pixel Union 發佈了一則聲明 」，中文意思大概是這樣： 2020 年 3 月 31 日之後...
繼續閱讀全文使用 Safari 可能無法在 Blogger 網站留言﹍聊聊 cookie
幾個月前「 Blogger 社團 」有成員反應表示她的 Blogger 網站無法留言，這現象看起來挺離奇，因此花了一些時間辦案。 雖然最終水落石出，但對於結果感覺不是很舒服，因為這是「蘋果 MAC」體系的一個難解現象。 早期前端開發人員、站長們對於 IE 的網頁相容性很頭痛，...
繼續閱讀全文如何從 Google Analytics 站內搜尋數據瞭解訪客需求？
2023.3.27 公告： 從 2023.7.1開始舊版 GA 將失效，請改用 GA4 並閱讀這篇「 GA4 如何查詢「站內搜尋」關鍵字 」。 網站經營的風格與內容走向，通常取決於網站主題或站長意願，例如 WFU BLOG 主要是記錄筆記心得的部落格，沒有追求流量，那麼內容寫...
繼續閱讀全文Google 搜尋結果無法出現麵包屑的原因研究
過去在「 輕鬆讓 Blogger 搜尋結果出現麵包屑導航 」提供了安裝程式碼，基本上只要在「 Google 結構化資料測試工具 」沒有錯誤，那麼在搜尋結果出現麵包屑導航關鍵字沒什麼問題。 不過最近出現一個案例，安裝了程式碼後，只有少部分文章可以在搜尋結果顯示麵包屑，大部分文章...
繼續閱讀全文查詢網站熱門關鍵字的管道有哪些？
熱門關鍵字就像訪客身上掉落的麵包屑，不經意透露了行徑的路線與意圖。如果想知道自己網站如何吸引客人拜訪、又去了哪裡，記得不定時到門口看看地上痕跡，找找有哪些麵包屑。 Google Analytics(簡稱 GA) 是記錄這些物證的最佳工具，不過近年來能夠調閱的資料越來越少。沒了...
繼續閱讀全文製作網路爬蟲工具抓動態產生的網頁資料﹍體育賽事範例實作
之前記錄了幾篇「 Google Apps Script 製作爬蟲工具 」的心得，使用 cheerio 套件之後，解析網頁的 HTML/XML 內容變得十分輕鬆。 但越來越多網頁使用 Ajax 動態載入資料內容，這些由 Javascript 產生的內容在網頁原始碼是看不到的，那...
繼續閱讀全文Blogger 設定 ads.txt 常見問題整理
Blogger 社團有幾個關於 Adsense 會顯示 ads.txt 錯誤訊息的提問與討論，其中某些案例看起來很難解決，因為牽涉到 Blogger 後台設定與網址代理商後台的 DNS 設定，由於權限的關係旁人無從得知實際狀況，只能憑空猜測，所以最終還是只能靠案主自己找出問題所在...
繼續閱讀全文從 Google Analytics 撈點擊事件數據報表，儲存於 Google 試算表實作
2023.4.13 公告： 從 2023.7.1開始舊版 GA 將失效，請改用 GA4 並閱讀這篇「 GA4 如何將自訂事件數據報表，匯入 Google 試算表成為資料庫 」。 觀察網站各處連結的點擊成效，可以了解版面配置的效果、訪客的真正需求等等。要做到這件事，除了網站需要...
繼續閱讀全文協助 WordPress.com 搬家到 Blogger 記錄 + 問題解決
前陣子有 WP 網站想搬到 Blogger 而尋求協助，不過並非自架站 WordPress.org，而是免費的 WordPress.com。其實 WP 網站過去有處理過不少案件，但關於搬家的話倒是這兩者都沒實際搬過，等實際處理時才發現， WP.com 的難度還比較高。 因為 ...
繼續閱讀全文Google Apps Script 操作 Google Photo API 上傳圖片實作心得
自從「 Google 關閉 Picasa API 」之後，比較適合拿來存放圖片的免費空間變成「 Google 相簿 」。不過Google 為了不想被當成免費的外連圖床，Google Photo API 有不少限制，可參考這篇新聞「 Google相片庫API正式上線，讓開發者在自家...
繼續閱讀全文讓 Blogger 導覽列的頁籤連結點擊後變色
標題的意思也許不太容易能理解，不過搭配圖片就比較清楚了。可參考上方示意圖，出自「 WFU 應用精選 」，點擊導覽列上的「精選作品」進入該頁面後，這個頁籤的顏色會與其他頁籤不同，能清楚辨識出這個頁面顯示的文章、工具屬於什麼性質。 這功能 Blogger 不必另外寫程式也能做到，...
繼續閱讀全文Google Apps Script 網頁爬蟲麻煩事交給 Cheerio 解決，輕鬆解析 HTML 與 XML
之前用 Google Apps Script(簡稱 GAS)製作網頁爬蟲程式，為了解析 HTML 與 XML 分別寫了兩篇心得： Google Apps Script 爬網頁資料，解析 HTML 及操作 DOM 的技巧 Google Apps Script 使用 XmlSe...
繼續閱讀全文擴充 Blogger 官方聯絡表單，讓任何自製版面的表格或內容都能傳送訊息
Blogger 官方「 聯絡表單 」是很棒的工具，提供了訪客傳送私密訊息的簡易管道。可惜的是制式版面只有三個欄位可以填寫(稱呼、郵件、訊息)，當然這已能滿足多數用途，但要客製就相當不容易。 過去寫了這篇「 使用 Google 表單(自訂樣式) 取代 Blogger 聯絡表單 ...
繼續閱讀全文合法線上第四台直播頻道 + 隨選隨看(VOD)戲劇電影動畫整理
製作「 線上看電視 」之後，整合了多數 YouTube 上可合法收看的直播頻道、節目，不過仍有一些合法、擁有版權的第四台直播節目節目，並沒有放在 YouTube。不時有使用者詢問能否新增某些知名的卡通動畫、台日韓劇等節目，由於版權的關係那些節目很難放上 YouTube，不過倒是可...
繼續閱讀全文Google Apps Script 使用 XmlService 解析 XML 要注意的地方
之前曾記錄使用 Google Apps Script(簡稱 GAS) 爬網頁資料，「 解析 HTML 及操作 DOM 的技巧 」，主要利用 GAS 的 XmlService 這個官方函數。 而最近爬 XML 頁面時，發現之前記錄的心得不敷使用，沒想到 XML 架構有點難以理解...
繼續閱讀全文FB 不認識的人要求加好友，是否該同意？正反意見綜合分析
前陣子寫了一篇整理文章，發到 FB 後有不少分享，應該是許多人剛好都有同樣的需求。同時間那一兩天 FB 也收到不少加好友的邀請，由於從他們的個人簡介看不出確切的來歷，例如以往會加我的通常是網路、部落格相關領域，那麼簡介至少會有網站的資訊。這樣的情形一時之間也無法決定要接受或是拒絕...
繼續閱讀全文忘了備份要如何救回部落格網站文章內容、圖片
最近接到一個比較罕見的需求，案主表示 Blogger 每篇文章設定的「搜尋說明」(可參考「 Blogger 文章設定 」→「六、搜尋說明」)，在今年 5~6 月間的文章都不見了，詢問有沒有辦法可以救回。 以前曾寫過「 Blogger 網站消失 」、「 Blogger 文章誤刪...
繼續閱讀全文可練習英文聽力的 YouTube 經典卡通詳細整理
學習英文時，選擇適合自己程度的教材是最重要的，程度過低、過高都會事倍功半，甚至無法進步。 例如以前有人說多看歐美影集、電影、聽 ICRT 等等，長時間下來可以增進聽力，但實情是，當字彙不夠、根基不足時，這些再怎麼聽都不會進步，因為跟本聽不懂。 必須從聽力速度跟得上，內容、...
繼續閱讀全文
