## Intro 最近因為公司的需求開始研究這潭深水
剛好看到一篇文章介紹的還不錯
雖然已經是 2016 的文章
但它寫的一些觀點我覺得現在還是適用
雖然這文章有在業配服務 XD
稍微整理記錄一下
英文的片段都是原文
中文會是我的總結
就當作一個紀錄吧
## Video Information ### Video Content 以解決需求為優先 產品介紹 教程 知識分享 ### Video Length While aggregated clicks are still counted, the amount of engagement on your videos play a huge role like the likes, dislikes, comments, watch time, shares, views on other sites, engagement on other sites. This required YouTubers to create better videos with more engaging content in order to rank higher.
...
# Firebase - Firebase functions 使用紀錄 最近想把一些自己在用的小東西丟到 severless 的服務
因為之前發生過一次 server 掛掉過一次的情況
當時是 GCP CE 不知為何 VM 中的網卡設定出問題
整個網卡消失
然後外部根本連不進去
最後請教大大後
只好開一個新的 instance 然後把原本的那個儲存空間掛到新開的 instance
因為那台平常在試驗的 server
裡面亂七八糟而且大多的 code 都不會做 git 控管
所以就想說把一些常用的功能用 serverless 拆出來好了
就想說來研究一下火了一陣子然後設定沒設定好就會噴一堆預算和安全性問題的 Firebase 所推出的 functions
其實 GCP 自己本身也有 cloud functions
但我這是玩票性質的
所以就先用 firebase functions 來試試啦
先說一下目前 firebase functions 只支援 Nodejs
但是 Google cloud 的 cloud functions 支援 Nodejs python golnag
首先先裝 firebase-tools CLI npm install -g firebase-tools 執行 firebase login firebase login 到要建立 functions 的資料夾 這時候要注意如果你要做版本控管
...
# Header - Accept-Language & Content-Language ## Intro 多國語系的判定主要靠這兩個來處理
Accept-Language
Content-Language
這裡的語言代碼一率遵循 ISO 639-1 codes
## Accept-Language 系統或是 client 需要帶在 request header 中
表示 client 所使用的語言
有時會帶有 location 資訊(location 依照 ISO 3166-2 標準且都是大寫
多語言時用 , 分隔
會在後面用 q 表示權重
accept-language: zh-TW,zh;q=0.9,en-US;q=0.8,en;q=0.7 這個 header 常被用來判斷 client 的主要語言來判斷處理要回給 client 用哪個語言
## Content-Language server 帶在 response header 中
用以表示該 response 是提供哪些語言的內容
一樣可以是單純的 lang 或是 <lang>-<location> 也可以用 , 分隔多語言
也可以在 HTML 中宣告
<html lang="de"> ## W3C I18n Checker W3C 提供一個可以確認的網站
...
PHP - check HTTP protocol
Use
$protocol = (isset($_SERVER['HTTPS']) && ($_SERVER['HTTPS'] == 'on' || $_SERVER['HTTPS'] == 1) || isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') ? 'https' : 'http';
...
# Research - 加強在 Web 服務在搜尋引擎與部分社群的呈現 這是一份紀錄著如何加強 SEO? 的筆記
參考來源大部分會是 Google 文件或者是 blog 發佈的消息與部分試驗出來的結果
僅供參考
## 從 0 到 1 ### 建立 [Gogole search console](google search console) ### 瞭解 Sitemap ### social metag og schema.org & json-ld The Open Graph protocol facebook og Sharing Debugger twitter card card validator Pinterest Rich Pins Rich Pins Validator ### 結構化資料格式 結構化資料測試工具
### Google rich content 探索 Search Gallery
### favicon web - favicon 使用筆記
...
# 2019 Developer Roadshow Asia: Taipei 2019 Developer Roadshow Asia: Taipei
上次在台灣的 Roadshow 應該是 17 年的那場吧
發表 Quantum 的那次
如果之後我沒錯過台灣的場次的話
這次有趣的是竟然是在 2019 Meet Taipei 創新創業嘉年華的展覽中佔一塊場地
所以也自動幫你報名創業展的 VIP, 期間都可以入場參觀
前面在簡介 Mozilla
前面先啥扯到東南亞市場趨勢
感覺 Mozilla 會有些計畫會針對東南亞
大致上分幾個主軸
Firefox lite Firefox Develop tool Web VR IOT Firefox collect data ## Firefox support feature 更安全且具有隱私性
## Firefox lite 在歷經上次失敗的 Firefox app 之後(之前用過 Android 版, 整體的順暢度根本沒法跟 Chrome 比
這次在行動裝置出了 Firefox lite
簡單的說, 它也想要整合許多功能在 lite 中, 但這樣不就不 lite 了?
...
# youtube-dl - 使用筆記 youtube-dl 是一個跟影音相關方便使用的 cli 工具
這裡筆記一下一些用法
列出該影片可以下載的 format
youtube-dl -F <URL> output
[youtube] e17Um7wExuQ: Downloading webpage [youtube] e17Um7wExuQ: Downloading video info webpage [info] Available formats for e17Um7wExuQ: format code extension resolution note 249 webm audio only tiny 54k , opus @ 50k (48000Hz), 192.69KiB 250 webm audio only tiny 72k , opus @ 70k (48000Hz), 255.58KiB 140 m4a audio only tiny 130k , m4a_dash container, mp4a.40.2@128k (44100Hz), 476.
...
# php - float 浮點數科學記號轉換 php - float
php 的浮點數大小受限於系統, 且會自動轉換成科學記號呈現, 但是一般人不會去看科學記號
echo 0.0000234; // 2.34E-5 在呈現上希望轉換回小數點的呈現
可以用以下方法做到
$s = 0.0000234; trim(rtrim(sprintf("%.10f", $s), '0'), '.'); // 0.0000234 這邊 sprintf 只取 10 位數
因為就之前遇到的系統超過 10 位數都會是不精確的浮點數
...
# Web - HTML metadata image size with open graph…etc HTML use some meta tag for SEO, social media or App link…
List some limit with image size or logo size
## Facebook open graph Refers - Images in Link Shares
The minimum allowed image dimension is 200 x 200 pixels. The size of the image file must not exceed 8 MB. Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.
...
# Google - 知識面板(knowledge panel) ## 什麼是知識面板？ 就是下圖紅框中的東西啦
About knowledge panels
雖然這跟 SEO 沒啥太大的關係
但是對一個企業或者是服務的品牌露出與擴散是有一定的效果的
## 要怎麼做? ### 驗證 Google Get verified on Google
需要有一個有效且認證過的 Google 帳號
### 建立 wiki 先替你的公司企業或服務建立維基百科
Google 會參考維基百科的資訊來輔助建立知識面板
Update your Google knowledge panel
...