您最近是否有遇到,在使用 Google PageSpeed Insight 的檢測工具時,出現「最大內容繪製元素 發生錯誤!」的赤字問題?
閱讀全文不是你的錯 – Google PSI LCP 的 Bug “最大內容繪製元素 發生錯誤!”
手機拍照拍好,直接在電腦版網頁進網站後台操作、抓取手機裡的 Google 相簿,也可以用 App 登入網站後台上傳圖片,不用因為圖片來源而從手機端操作或再轉存進電腦再上傳!
閱讀全文啪啪啪!就把照片從手機相簿直接傳進網站用!
一個網站的啟用上線,才是真正考驗的開始。全球有50%以上的WP網站未好好維護,導致載入效能、使用者體驗、 SEO 與轉換率下滑,甚至導致資安問題。不論您是傾向花錢請專業廠商處理,或是自己研究學習,都可以多方了解所謂的「維護」,所謂的 WordPress 維護,由基本到高標準,有哪些須知,能做到多完整、講究的層面喲!
閱讀全文WordCamp Taiwan 2021 講題分享 – 一個維護,各自表述-網站維護的差異、價值與機會成本
委託方/業主有真的理解到,付費外掛及其授權是有價有成本的、由自己或由廠商處理 (不論最終以什麼型式包裝) 嗎?還是最後其實兩邊都放生掉這件事…
我個人的觀念是:業主不懂是正常的,有做功課或有經驗而懂也是正常的。
閱讀全文使用付費外掛建置網站對於日後維護的可能影響
撇除本身已附帶 CDN 的主機解決方案不談,我有另外自行與主機拼裝的 CDN 服務,是 BunnyCDN,可以選擇要啟用哪幾個區域節點,不同區域的費率不盡相同。
閱讀全文CDN 是什麼?以 BunnyCDN 為例,論 CDN 功能、用途認定與跨區域應用觀念
除了 Magento 用戶之外,也有使用其它平臺的線上商店被植入側錄程式,呼籲所有的線上商店都應確保所使用的系統是最新的 (可參考我們的 360° WordPress 全方位維護服務)。
閱讀全文WordPress / WooCommerce 網站注意 – 4千家遭駭電商網站裡,多為安全性漏洞 (尤其是 Magento) 導致刷卡資料曝光
不論原本走的是 AMP 或非 AMP 模式的網站,未來若要上架 Google Publisher Center 新聞發佈中心 (Google News),設定處理上都會簡單直覺許多。原本的這個 RSS,Atom 作法,從 11 月初開始將被移除:在上架文章、彙整文章分類等實作時,可以用原始網址來處理就好,不用另外再費心所設定的 RSS,Atom 架構網址是否正確。
閱讀全文Google AMP & Publisher Center 新聞發佈中心 11 月新措施! – 簡化 Google 新聞的內容管理作業
比測速分數更重要的是:分數背後,各種檢測工具的內涵及其細項,對於調整輔助、抓出人類容易忽略的問題的重要性,分數只是一個最簡化的參考結果。我看重的是整份報告內容,看基於怎樣的建置條件、優先需求、是否拔東西、重建、投多少資源去針對細節改善。
閱讀全文測速 – 3 秒內開網頁、Google PSI (Page Speed Insight) 之類的檢測工具的分數,重要嗎?
「台語科普」Core Web Vitals 講解影片,淺談 FID, LCP, CLS 三大網站體驗核心指標,並以海產店點餐為例;對已熟知且實作會注意最佳化的人,可能沒什麼,但對一般使用者而言,我想真的有變得特別好懂!
閱讀全文Google 的台語版科普! 以海產店為例的 2021 年 Core Web Vitals 網站體驗核心指標官方講解
2021/11/19 更新 - DO 已飆車啦!來不及買台積電?可以考慮買 DigitalOcean 的股票或主機XD
2021 年 3 月 24 日,收到熱門 VPS 主機商 DigitalOcean CEO 的信。
大家可以逛他們 Hub for Good 計劃的網站,了解這類主機、雲端運算服務商,真的不是只做網站 (含 WordPress) 業務。
閱讀全文DigitalOcean 不只賣主機也賣股票囉 – 老字號 VPS 掛牌上市
對於找佈景主題,似乎常見的提議都是 Astra、OceanWP 是否已感到了無新意甚至厭倦了呢? 推薦另一個更好的佈景主題新選擇-Blocksy!
這是一篇,從與區塊編輯器的相容性、未來性、Demo 網站選套的友善度來切入的佈景主題比較文。
閱讀全文佈景主題 2021 更新 – Blocksy, Astra, OceanWP 比較-網站 Demo 與未來性
常常看到,網路上包括 WordPress 相關社團,對於頁面上,想拔掉特定元素的發問、留言,妙的是,很常出現不分案例情境、網站的佈景主題與外掛建置環境,都直接就是 CSS disply: none;…。display: none; 大法不是不能用,但建議當備案,別當第一優先甚至唯一解法,比較適合,畢竟前台載入還是有差。
閱讀全文為什麼不應該把 display: none; CSS 語法當萬解?
Faster landing pages typically lead to more conversions, and AMP allows you to create pages that load quickly without compromising creativity and brand expression. Combining speed and smoother loading, the landing page experience is an important factor for your Quality Score and Ad Rank.
閱讀全文About Google AMP (Accelerated Mobile Pages)
到達網頁速度愈快,轉換次數就會隨之增加。AMP 能協助您製作載入快速的網頁。 且因為同時兼具快速與流暢的優點,還可為使用者帶來更出色的體驗,而到達網頁體驗正是決定品質分數和廣告評級的重要指標。
閱讀全文關於 Google AMP (Accelerated Mobile Pages)
As you may have noticed, web browsers are moving towards stricter autoplay policies in order to improve the user experience.
閱讀全文Could sound be enabled by default in web content including IG/FB/Web Stories?
Google 在 2020 年 11 月 10 日發佈了,關於 AMP/非 AMP, Web Core Vitals, 網頁體驗信號的宣告說明。 同時計劃自 2021 年 5 月起,讓網頁體驗信號,成為決定排名的依據之一。
來看看 Google 講了哪些東西, 無論你是否覺得需要在意, 都來讓您的網站在 2021 年 5 月前,做好使用者體驗與 SEO 的準備。
閱讀全文Google 2021 新措施!網頁體驗指標、AMP 、非 AMP 因素與 SEO 的影響
Google has announced something new about the rank rule for AMP/non-AMP, Web Core Vitals, and page experience on 10 Nov. And, planning page experience signals in ranking will roll out in May 2021.
Let's see what they are. Whether you should care or not. Make your website get SEO-ready before May 2021.
閱讀全文Google announced a new policy for AMP/non-AMP, Web Core Vitals, and planning page experience signals in ranking.
本文分享的是,不論哪個 WordPress 的版本號更新,都適用的備份、維護、更新實作通則與教學。好還要更好,網站的維護與改善沒有終點,必須持續費心維持、再進化,除非是網站要收掉了。
閱讀全文如何做 WordPress 與外掛的維護 備份 更新 – 最新至 WP 5.x 以上版本皆適用之觀念與實作
「如何在 WordPress 自訂 CSS?」是常見的問題之一。 根據實務經驗與專業考量,提出五種方法,包括最適合您條件與需求的選項。
然後,你就能享受透過自訂 CSS 來客製自己網站的成就感!
閱讀全文如何在 WordPress 自訂 CSS 語法:5 種,包括區塊編輯器與 Elementor – 各版本皆適用
以我們自家的官網來測試作為範例 https://facekungfu.com/en
若有以全世界各地多站點,來進行速度與效能等測試了解的需求,這會是相當實用的「免費」線上測速工具!
閱讀全文“Fast or Slow” – 測試網站在全球各地的載入速度與效能的服務
一直以來都會在網站發佈、登錄 Google Search Console 設定時,也同步上 Bing 操作,剛好最近自己有些兩邊都重新處理的需要,來分享些冷門 Bing Webmaster 網站管理員的新東西
閱讀全文Bing Webmaster 網站管理員的新東西
Sliders, Hero images 在跨裝置的處理,很早期開始各家較講究的佈景主題開發團隊就常被問了(後來是回到煩,乾脆多弄出欄位任人改算了),且會帶到這概念,我覺得這概念很重要
閱讀全文Sliders, Hero images 在手機 / 行動裝置上顯示的 RWD 概念與作法
最簡單的優先原則:別用頁面編輯器做文章。因為文章通常影響最大,且使用情境大多在,許多被頁面編輯器或多功能佈景主題的 Demo 、廣宣吸引到的初學者,還沒摸出基礎概念時,就繞著它為中心(比 WordPress 更像本體)用下去,然後陷入被綁死的狀態。
閱讀全文「別用頁面編輯器做文章」 – 編輯器生態圈的大略原則與結論
說到 Envato ,最被人熟知的當屬它的 Themeforest 了!
整個 Envato 家族從佈景主題、外掛,到各類型圖片、影片、音軌素材,甚至是教學服務,全都有,是個很大的生態圈,也為許多開發者、設計師提供了可發揮曝光可上架販售的第三方平台,只是每個使用者的角色職務不同,大家常用到的可能只限於其中一、兩項而已。
閱讀全文Envato Elements 是什麼?與 Envato Market 有何不同?
表面功夫的客戶們有福了! CloudFlare 日前終於新增在台灣台北的專屬CDN分流站點囉!
這代表,我們幫客戶做的網站建置加速優化,加上新增台灣台北CDN站點運作後,在國內連線使用上,價格、速度、穩定度都勝過較貴的國內主機,且有分流、節省流量、擋掉多餘的連線與頻寬流量需求(包含基本的可疑惡意連線)。
閱讀全文台灣,我們來了!Cloudflare 新增台北CDN分流加速站點
全球第一 CDN 分流服務提供者- CloudFlare 在中國已新增17個新CDN分流站點囉!CloudFlare近期寄發給網站管理員最新一期的2015~2016展望回顧電子報裡,再次強調這個對於華文網站及部落格的好消息。
閱讀全文中文網站之福: Cloudflare 在中國新增17個CDN分流加速站點
建置一個全新網站會需要:1. 找個地方代管網站,以及 2. 為網站域名取個好名字。
這兩件事其實不難,但如何取個好的域名來讓網友連到你的網站,又是另外一回事。
就像買房子一樣,最好且你最想要的地段和房子,可能早就被買走了。但也別太擔心,「對域名的妥協」不是件難事,和挑理想域名一樣,只需要一點點技巧。
閱讀全文網站終身大事-如何命名一個好的 網域 網址 / 域名 Domain Name
以下是一些可以讓大家了解你的網站的方式,也是品牌網站的要素:一、搜尋您自己的品牌網站 二、產出對的內容 三、呈現作品、案例或任何專業優勢與、商品、服務 四、整合社群平台 五、聯絡資訊(尤其是店家)
閱讀全文如何打造專屬的 品牌網站 / 形象網站?
帶領這股Flat Design/Metro風潮的,是各種新興網頁設計作品,共同的常見作法是:
1.大色塊、盡量減少圖片
2.用CSS3語法排版,取代舊式切圖與表格框架排版
3.用純色的大色塊和背景來做有效率又能減輕系統負擔的排版組合
閱讀全文Flat Design, Metro 設計趨勢-網頁設計與 Windows、行動裝置平台
最近台北市長選舉新聞炒得火熱,對網站規劃、網頁設計有興趣或有需求的人而言,除了政治議題之外,仍然有些焦點是值得關心的。
我們可以大略分為搜尋引擎登錄與SEO索引檔設定兩項來談。
閱讀全文Google 不到自家官網?從 2014 柯文哲與連勝文的競選官網 SEO 大問題看網站規劃的重要性