2018/10/21 來參加 WORDCAMP,記錄一下心得筆記

WordPress 無障礙 accessibility

網頁應該是給每一個人的。

顏色

字體大小

[https://www.apple.com/tw/accessibility/iphone/vision/](apple 有 Voice Over 輔助工具可以用)

http://automattic.com/jobs

網站營運成長駭客

https://www.breaktime.com.tw/

網站關鍵是人流,人流決定於SEO

https://zi.media/

開站 365 天 成為台灣前 35 名

  • 友善的外部連結
  • 穩定的導入流量
  • 完整的內部鏈結

SEO 策略

  • 大量內容授權與聚合(多元性、形式統一)
  • 拆解內容關鍵字(為了分類,整理讓瀏覽者方便瀏覽)
  • 2個資料庫做演算法串連管理(內部連結、關鍵字、各種連結)
  • 外部流量與關聯連結(大量使用者、瀏覽時間、瀏覽頻率,他們有跟中華電信free wifi合作,要用免費wifi 就會先開字媒體)
  • 多角度的內容組合面向(懶人包、一對多、多對一)

但是這作法…一般網站經營者根本無法自動化做這些動作,還有流量的導入根本就…,要人工做非常辛苦啊~~~~

關聯度、友好度、流量數

推薦外掛

  • Yoast SEO
  • OG
  • 還有一個沒有看到
  • 廣告管理的外掛
    • Advance Ad
    • Quickly Adsense

流量變現

  • 聯播網廣告

    • 浮窗廣告出現的方式
    • 可見率高,點閱率高的話,你的單次點擊可獲得最高的收益
    • 行動屏占比 (1/2 ~ 1/3 是最佳化)
    • 該關注的指標
      • 流量品質
      • eCPM
      • 廣告填充率
  • Power Ads 核心演算

    • 網頁結構化,可以找出那邊瀏覽者的是最常停下來的地方,那邊就可以插入廣告。
    • 廣告結構化
    • 內容結構化
    • 人群結構化

    字媒體徵才

##一天一文章,使用 WordPress 創造每月 300 萬次瀏覽

https://pseric.me/

講者 Pseric Lin

Cloudways(https://www.cloudways.com/en/)

  • 整合 GCP、AWS、DigitalOcean、Linode、Vultr
  • 自動更新、自動補洞

ServerPilot

  • Cloudways 省錢版本
  • 不嫌定特地服務

外掛

  • 越少約好
  • 可以寫就不要用外掛
  • Akismet、Jetpack、Cloudflare、快取

CDN

安全性

  • Cloudflare
  • Jetpack
  • VaultPress

WordPress SSO

Cloudflare Access

VaultPress(https://vaultpress.com/)

  • 官方提供的備份工具
  • 完整備份文章、頁面、迴響、媒體、佈景主題和外掛
  • 39-399
  • 主動差異化備份
  • Restore to Another Host,搬家好用

使用者體驗

  • 內容正確性(最重要)
  • 排版看起來舒服
  • 速度速度還是速度

網頁字型

  • Adobe Fonts
  • jsutfont

不懂程式語言的架站之路,一起來玩WordPress啦

講者推薦的基礎教學網站
https://hellowp.cc/hellowp.cc

Darrel Wilson (YouTube)
https://www.youtube.com/channel/UC5alq-VmYnfQZt7YaNgdcGw/videos

https://www.youtube.com/channel/UCjDuxPEhNQ2qn_qAdjRG4YQ

WordPress 學習筆記
https://controlfreak.life/

當工程師維護大量網站,幾種基礎問題與解決方式

阿腸網頁設計工作室(https://achang.tw/)
林大中

WP Remote

  • 多網站維護的解決方案 free https://wpremote.com/
  • 新增網站
  • 拿key
  • 驗證網站
  • 更新核心、外掛、佈景

子佈景

自訂頁面版面

維護管理

  • 後台項目管理
  • WordPress Hook
    • Action Hook(通常不需要有回傳)
    • Filter Hook(通常需要有回傳)
    • 講者投影片裏黃色是必填的,橘色是選填
  • 忘記管理員密碼
    • 直接進資料庫 選MD5,直接輸入密碼
    • 硬上他!
  • 管理權限
    • add_filiter / user_has_cap,過濾使用者權限
  • 禁止編輯檔案修改
  • hook filter 去哪找
    • WordPress codex

時速 200 麥的 WordPress 接案術

如何使用 Docker 搭建本地開發環境
賴俊吾(Oberon)
弄弄設計 https://nongdesign.com/ 合作工程

如何加入 WordPress 台灣繁體中文的社群本地化行列

Alex Lion 鄭軍智
https://www.alexclassroom.com

  • 資訊本地化來自於行銷需求
  • 翻譯 不等於 資訊本地化
  • 資訊本地化是什麼
  • 為何要為 WordPress 提供資訊本地化成果
  • 需要具備的基本條件
  • https://tw.wordpress.org/

這邊說了不少翻譯不等於資訊本地化,以及資訊本地虎是個怎麼回事的事情,Alex 感覺是個很嚴厲的人,覺得我自己對於母語的用詞不精確,就是會在Alex 心中黑很久的那種人ORZ

1秒鐘的奮戰:WordPress 網站優化的愛恨情仇

WilliamTai
https://www.williamtai.moe/

  • 測試工具 Pingdom Website Speed Test
  • 慢是怎麼回事
    • 伺服器端改善
    • WordPress 網站內部
      • 快取外掛
        • W3 Total Cache:設定複雜、要反覆測試,才能確保都功能正常。
        • WP Super Cache:安全,該有都有
        • Cache Enabler:設定陽春、支援WebP格式
      • WebP圖檔格式
        • Google 釋出的圖片格式
        • Chrome、Opera 支援
        • EWWW Image Optimizer 外掛支援 JPG to WebP
    • CDN
  • WordPress 網站最佳化甘苦談
    • WebP 格式不是所有瀏覽器都支援
    • 外部的JS檔案
    • WordPress 核心/外掛/佈景升級
    • 測試結果不等於使用者實際體驗
  • 最佳化原則
    • 核心檔案不要改
    • 功能加減以外掛/佈景為單位
    • 分散伺服器負擔
  • 結論