# 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 使用筆記
...
Category: Google
# Chrome headless 研究筆記 最近要用到 chrome headless 的部分功能
且得在 ubuntu or debian server 實踐
所以筆記一下
## Intro headless 大致分兩種用法
CLI
libary
Refer - Getting Started with Headless Chrome
CLI 用法簡單但是受限很多且沒有找到具體詳細完整的文件, 就連用 man 查都查不到…
也有可能是我自己沒有認真找
libary 就相對容易, 連 Google 自己都有提供部分語言的版本, 且有前端工程師很熟的 Node 版本
## on ubuntu server sudo apt-get install chromium-browser ex:
chromium-browser --headless --screenshot=test.png --disable-gpu --window-size=320,480 --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.
...
# Google Adsense domain 設置 一點設定 Google adsense 的心得
因為有時會寫一寫筆記或部落格記錄人生
然後因為工作進到跟廣告有點關係的公司, 遇到裡面的一些專家
有人提議說, 既然我有寫文章的習慣, 那也可以放個廣告賺一點錢
但我個人是不太喜歡放廣告, 畢竟大家都知道廣告是拖累網站速度的元凶
但最近想說試試可不可以在自己的網站放個一個版位的廣告, 看能不能抵掉 GCP 維持的費用(應該是不太可能…
所以就在自己寫的 blog 和自己做的一些 service 放上去試試
這紀錄一下一些在用 Google adsense 比較特別的行為與情況
## US 100 才能領出來 我這要等到幾時啊…
## Google adsense 是動態 CPC + CPM 計算價錢 所以沒一定的價格, 似乎有受流量影響
## 眾所皆知, 廣告通常是 by domain 申請, 現在用 subdomain 是不行的 很久以前依據在 subdomain service 的話似乎可以, 但現在不行了
因為我用 logdown 申請說不能用 subdomain 申請…(明明約半年前還可以, 只是當時不知為何一直說我違反他們的協議, 所以一直申請不過
但 Google 自己的 blogger 卻可以, 我試過了因為我有個 blogger, 但 Pixnet 我沒試過(不過 Pixnet 可以跟他們自己申請廣告分潤
...
# Google Cloud Platform - Study Log ## Intro 之前有幸參加亞太區 Google Cloud Platform 發表會, 聽完後就有點心動(因為價錢低於 AWS), 但ㄧ直沒時間研究怎麼用就這樣拖了很久…
加上之前用的網路空間不穩又常常換硬體主機, 換完就要重建帳號很麻煩(雖然是免費的, 但去常常在假日跟我一起休息…)
所以打算把 demo code 和一些小東西丟到 GCP 試試, 改用 GCP(開始要花錢了…)
## Service type ### Compute Engine Google Compute Engine
簡單說就是 AWS 的 EC2
就是在上面 run VM 開 web service 的服務
## Usage for me f1-micro (vCPUs: shared, RAM: 0.60 GB) * does not support local SSD - 10GB storage
這樣 USD 5, 不含流量
...
# JavaScript - Google Closure Compiler V.S. Gulp uglify ## Intro I have two choice
Google Closure Compiler
UglifyJs
### Google Closure Compiler Google Closure Compiler
Google Closure Compiler is a tool for minify and uglify js.
From Google
Java
Command Line
Slow
### UglifyJs mishoo/UglifyJS2
More option setting
Node.js
Command Line
Fast
## Test ### Google Closure Compiler When i run command line, it used lot of cpu source.
...
# HTML5 - Full Screen Mode It can control full screen the browser IE if it is to be more than IE11
## Code function toggleFullScreen() { if (!document.fullscreenElement && // alternative standard method !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods if (document.documentElement.requestFullscreen) { document.documentElement.requestFullscreen(); } else if (document.documentElement.msRequestFullscreen) { document.documentElement.msRequestFullscreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullscreen) { document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.
...
# JavaScript - YouTube API note player demo YouTube JavaScript Player API Reference YouTube 嵌入式播放器参数 YouTube Embedded Players and Player Parameters YouTube Player API Reference for iframe Embeds
Use YouTube video must init a youtube player There have 2 player we can use
flash player iframe player I suggest use iframe player because it can support flash and HTML5 If use Apple mobile devices, they can’t support flash Use iframe player can solve this problem We can use javascript control player
...
# Google map api - research log ## Introduction 使用 Google Maps JavaScript v3 static map 嵌入地圖到網頁中以圖片方式呈現 使用限制 基本上不要一日載超過 25000 次都沒事 區域化 - 語系
Library
## Init map <!DOCTYPE html> <!--使用 <!DOCTYPE html> 宣告，將應用程式宣告為 HTML5--> <html> <head> <meta charset="utf-8"> <title>Google_map_api_basic</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!--最新的瀏覽器會將使用此 DOCTYPE 宣告的內容以「標準模式」呈現，也就是說，您的應用程式應更具備跨瀏覽器相容性。此外，DOCTYPE 也設計成會逐漸適應，但無法理解它的瀏覽器將會忽略它，而採用「快速模式」顯示內容。請注意，有些 CSS 在快速模式中可以運作，但在標準模式中卻無效。具體來說，所有百分比的大小都必須繼承父區塊項目，但這些上階中如有任何一個無法指定大小，就會假設為 0 x 0 像素大小。基於這個理由，我們加入了下列 <style> 宣告--> <style type="text/css"> html { height: 100%; } body { height: 100%; margin: 0px; padding: 0px; } #map_canvas { height: 100%; } </style> <!
...