<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Chrome &#8211; Larry的午茶時光</title>
	<atom:link href="https://blog.yuyansoftware.com.tw/category/web-technology/chrome/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.yuyansoftware.com.tw</link>
	<description></description>
	<lastBuildDate>Tue, 25 Feb 2025 02:07:03 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.3</generator>

<image>
	<url>https://blog.yuyansoftware.com.tw/wp-content/uploads/2022/10/favicon-45x45.png</url>
	<title>Chrome &#8211; Larry的午茶時光</title>
	<link>https://blog.yuyansoftware.com.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>如何在 Chrome 瀏覽器直接使用 AI？在網址列打開 Google Gemini，我的實際體驗與使用教學</title>
		<link>https://blog.yuyansoftware.com.tw/2024/05/google-ai-gemini-chrome/</link>
		
		<dc:creator><![CDATA[Larry]]></dc:creator>
		<pubDate>Fri, 10 May 2024 01:00:43 +0000</pubDate>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[商業思維]]></category>
		<category><![CDATA[網路科技]]></category>
		<category><![CDATA[AI]]></category>
		<guid isPermaLink="false">https://blog.yuyansoftware.com.tw/?p=19668</guid>

					<description><![CDATA[Google 的 AI 引擎是叫 Gemini，最近 Chrome 瀏覽器公布，可以在網址列直接使用 Gemini。在 Chrome 網址列輸入問題或指令後，會轉向 Gemini 網頁回覆問題或產生文案。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Google 的 AI 引擎是叫 <strong>Gemini</strong>，雙子座的意思，注意一下最後的 ni 發音類似「乃」。撰文的現在是2024年5月10日，最近 Chrome 瀏覽器公布，可以在網址列直接使用 Gemini。</p>



<p class="wp-block-paragraph">首先看你的 Chrome 版本，要在 124.0.6367.119 這個版本以上才能使用此功能。不是的話請升級至最新版本。</p>



<p class="wp-block-paragraph">在 Chrome 登入你的 Google 帳號 (gmail 帳號，youtube 帳號皆相通)。</p>



<p class="wp-block-paragraph">Google 的 AI 引擎叫做 <strong>Gemini</strong>，可以先到 Gemini <a href="https://gemini.google.com/" target="_blank" rel="noreferrer noopener nofollow">官網</a>登入一下，待會使用才不會卡在這。登入時大概就是同意隱私權條款之類，完成登入後 Gemini 頁面先擺在那，或是關掉都沒關係。</p>



<p class="wp-block-paragraph">「先到 Gemini 官網登入一下」這個動作只要第一次打通即可，未來不用再做。</p>



<p class="wp-block-paragraph">以上都走過了，將來只要你 Chrome 有登入 Google 帳號，在網址列輸入<strong>@</strong>，就會看到「與 Gemini 對話」的提示，點它。</p>



<p class="wp-block-paragraph">撰文的現在是2024年5月10日，目前「與 Gemini 對話」後面只能輸入英文，輸入中文轉到 Gemini 網頁時會顯示亂碼。</p>



<p class="wp-block-paragraph">你可以在「與 Gemini 對話」後面 (網址列) 先隨便輸入簡單的問題，例如：<mark style="background-color:rgba(0, 0, 0, 0);color:#979797" class="has-inline-color">what is the weather in Taipei?</mark></p>



<p class="wp-block-paragraph">瀏覽器就會轉到 Gemini 頁面，回覆你答案。以上就是在 Chrome 網址列使用 Gemini 的方式。</p>



<h2 class="wp-block-heading">輸入與回覆中英文的問題</h2>



<p class="wp-block-paragraph">上面提到網址列目前 (2024年5月10日) 只能輸入英文，但很好玩的是，你如果在 Gemini <a href="https://gemini.google.com/prompt" target="_blank" rel="noreferrer noopener nofollow">網頁</a>直接輸入中文是可以的。</p>



<p class="wp-block-paragraph">如果你用網址列(目前只能輸入英文)，Gemini 預設會回覆你英文。你可以在(英文)問句後面接 respond in traditional chinese，這樣 Gemini 就會回覆你繁體中文。</p>



<p class="wp-block-paragraph">larry 實際測試，有時候在 <strong>Gemini 網頁</strong>直接輸入中文，它也會回覆你英文。如果發生此情況，你可以在問句後面接「回覆中文」字樣，Gemini 就會回覆中文。</p>



<h2 class="wp-block-heading">文字部分的應用</h2>



<p class="wp-block-paragraph">基本上什麼事情都可以問 Gemini。例如什麼人、事、物，旅遊景點與行程。也可以產生文案的範本，你可以藉此找出 idea。或是查詢什麼教學或指引，以上都可以由 AI 協助。</p>



<p class="wp-block-paragraph">AI 會快速給你一個「導引」(introduction)，讓你至少有起點可以開始搜尋，我覺得這是 AI 最大的功用。</p>



<h2 class="wp-block-heading">可否產生圖片？</h2>



<p class="wp-block-paragraph">中文目前 (2024年5月10日) 無法產生圖片。用英文測試，larry 有看到兩種結果：有的時候可以產生圖片，有時候 Gemini 會回覆一個連結和縮圖，讓你導到其他網頁 (有你要的圖片)。</p>



<h2 class="wp-block-heading">即時的新聞與事件，直接Google會比較準</h2>



<p class="wp-block-paragraph">這種生成式AI，還是需要機器學習的時間。當下發生的新聞與事件，只是它學習素材的一部分。</p>



<p class="wp-block-paragraph">也就是當下發生的新聞與事件，它還來不及學習與整理，沒辦法回覆，或是回覆的是「舊聞」。</p>



<h2 class="wp-block-heading">我覺得遲疑的點</h2>



<p class="wp-block-paragraph">這種生成式AI，等於是你問它一個問題，它整理出一個短的圖文文章給你。但是我會覺得第一，內容的真實性，真的是這樣嗎？</p>



<p class="wp-block-paragraph">對比直接 Google 搜尋，是整理出網站列表，可能有官方網站，可能有大媒體公司的網站，可能有點進去圖文真的很詳盡的部落格。</p>



<p class="wp-block-paragraph">以上這些網站都有或高或低的「權威性」(當然以你喜歡的為主)。但是 AI 直接回覆的圖文，我會覺得：真的是這樣嗎？</p>



<p class="wp-block-paragraph">再來，深入度 (也跟真實性有關)。例如問AI：台南最好玩的景點。它肯定可以回覆你最「知名」的一些景點。但這些真的是台南在地人會推薦的嗎？或是最新最熱門的嗎？</p>



<p class="wp-block-paragraph">問事情、問教學也是一樣。<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-cyan-blue-color">larry 覺得這種生成式AI 只能提供你一個「導引」(introduction)，如果你要真正的解答，還是要 google / youtube 每個網站或影片去看。</mark></p>



<h2 class="wp-block-heading">工具使用之外，我的觀察</h2>



<p class="wp-block-paragraph">英文很重要，機器學習一定是從全世界的「英文」文件、影音開始學習，才會擴展到其他語言。不同的語言又有不同的文法與語意，機器要能理解，沒那麼簡單。</p>



<p class="wp-block-paragraph">也就是等繁體中文完整上線，已經是英文版上線之後很久的事。所以 larry 會覺得英文還是非常重要，<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-cyan-blue-color">甚至你用英文跟 Gemini 聊天，藉此練習英文也很好。</mark></p>



<p class="wp-block-paragraph">另外 larry 講一下商業的東西，包含很多知名商業評論與雜誌，多數認為 Google 在 AI 領域落後微軟。但我覺得 Google 用 Chrome 當入口工具，這招很高啊。</p>



<p class="wp-block-paragraph">網路服務，入口非常重要，包含早年的Yahoo首頁，Google搜尋結果頁，LINE，微信，任何服務搭在這些入口軟體，都很容易成功。</p>



<p class="wp-block-paragraph">Chrome 瀏覽器壓倒性的市佔，這是事實。Google 用一個絕對優勢的位置，與新的服務 (Gemini) 產生綜效，這是完全正確的決定。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Chrome 85 開始標記快速網頁的連結 (&#8220;Fast page&#8221; labelling)</title>
		<link>https://blog.yuyansoftware.com.tw/2020/08/chrome-85-fast-page-labelling/</link>
		
		<dc:creator><![CDATA[Larry]]></dc:creator>
		<pubDate>Tue, 25 Aug 2020 10:47:59 +0000</pubDate>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[數位行銷]]></category>
		<category><![CDATA[網路科技]]></category>
		<guid isPermaLink="false">https://blog.yuyansoftware.com.tw/?p=4641</guid>

					<description><![CDATA[從 Chrome 85 開始，在 Android Chrome 開啟網頁，長壓網頁上的一個連結，如果這個連結的目標網頁是所謂的快速網頁的話，長壓後跳出的小視窗上面會有 "Fast page" 的字樣。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><a rel="noreferrer noopener" href="https://blog.chromium.org/2020/08/highlighting-great-user-experiences-on.html" target="_blank">https://blog.chromium.org/2020/08/highlighting-great-user-experiences-on.html</a></p>



<p class="wp-block-paragraph">從 Chrome 85 開始，在 Android Chrome 開啟網頁，長壓網頁上的一個連結，如果這個連結的目標網頁是所謂的快速網頁的話，長壓後跳出的小視窗上面會有 &#8220;Fast page&#8221; 的字樣。</p>



<p class="wp-block-paragraph">Google 在幾個月前公布，他們以後會以 <strong>Core Web Vitals</strong> (名稱是Google取的，中文可以翻譯為「網站使用體驗核心指標」) 作為評估網頁品質的一套規範。Core Web Vitals 的細節讀者可以暫時不用研究，大概是包含了網頁的載入時間，行動裝置上的版型，和使用體驗。一個網頁是否為快速網頁，就是 Google 依照 Core Web Vitals 來判斷的。</p>



<p class="wp-block-paragraph">上方連結的原文中有一段</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">&#8220;Fast page&#8221; labelling may badge a link as fast if the URL (or URLs like it) have been historically fast for other users. When labelling, historical data from a site&#39;s URLs with similar structure are aggregated together. Historical data is evaluated on a host-by-host basis when the URL data is insufficient to assess speed or is unavailable, for example, when the URL is new or less popular.</p>
</blockquote>



<p class="wp-block-paragraph">快速網頁的判斷是長期累積的資料分析，也就是說，要長期都是快速網頁，才會有 &#8220;Fast page&#8221; label。如果是新網頁、或是流量不夠的網頁，Google 會依照同一網站類似網頁的數據，來判斷新網頁/流量不夠的網頁是不是快速網頁。也就是說，會有一個全站分數。</p>



<p class="wp-block-paragraph">Chrome 85 (Android版) 開始有標記快速網頁的功能。如果讀者是 Android 手機，看一下手機裡 Chrome 的版號。也可以長壓任何一個 Wikipedia 連結，測試看看 &#8220;Fast page&#8221; label 有沒有出現。</p>



<p class="wp-block-paragraph">Again，工具的使用是其次，我們要了解的是 Google 的態度和方向。目前看來 <strong>Core Web Vitals</strong> (網站使用體驗核心指標) Google 是會繼續進行下去。這次的 &#8220;Fast page&#8221; label 網頁載入速度當然也是 Core Web Vitals 的一環，行動版網頁的使用體驗和速度，仍然是 Google 關注的重點。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Chrome 80 開始更新 SameSite 規則，預設禁止存取第三方 cookie</title>
		<link>https://blog.yuyansoftware.com.tw/2020/01/chrome-80-samesite-cookie/</link>
					<comments>https://blog.yuyansoftware.com.tw/2020/01/chrome-80-samesite-cookie/#comments</comments>
		
		<dc:creator><![CDATA[Larry]]></dc:creator>
		<pubDate>Mon, 20 Jan 2020 05:14:01 +0000</pubDate>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[數位行銷]]></category>
		<category><![CDATA[網路科技]]></category>
		<category><![CDATA[cross-site]]></category>
		<category><![CDATA[same-site]]></category>
		<guid isPermaLink="false">https://blog.yuyansoftware.com.tw/?p=2045</guid>

					<description><![CDATA[cookie 就是一筆一筆的資料，由網站或嵌入網站的服務存入用戶的瀏覽器。什麼叫「第三方」cookie? 網站叫第一方 (瀏覽器網址列顯示的網址叫第一方)，使用者叫第二方，第一方網站嵌入的 code 叫第三方。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">圖片來源 <a href="https://web.dev/samesite-cookies-explained/" target="_blank" rel="noreferrer noopener" aria-label=" (在新分頁中開啟)">https://web.dev/samesite-cookies-explained</a></p>



<p class="wp-block-paragraph">前幾天 Google Webmaster blog 有一篇文章，再次公告 Chrome 80 (有可能是 2020 二月)  開始預設禁止存取第三方 cookie.<br><a rel="noreferrer noopener" aria-label=" (在新分頁中開啟)" href="https://webmasters.googleblog.com/2020/01/get-ready-for-new-samesitenone-secure.html" target="_blank">https://webmasters.googleblog.com/2020/01/get-ready-for-new-samesitenone-secure.html</a></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Chrome plans to implement the new model with Chrome 80 in February 2020.</p></blockquote>



<p class="wp-block-paragraph">這個 new model 指的就是 cookie 的使用規範。larry 看問題喜歡看問題的本質，什麼叫 cookie, 什麼叫「第三方」cookie, 又為什麼第三方 cookie 有可能的安全性問題？</p>



<p class="wp-block-paragraph">我們來看 web dev 這篇好文 <a href="https://web.dev/samesite-cookies-explained/" target="_blank" rel="noreferrer noopener" aria-label=" (在新分頁中開啟)">https://web.dev/samesite-cookies-explained/</a></p>



<h4 class="wp-block-heading">什麼叫 cookie?</h4>



<p class="wp-block-paragraph">cookie 就是一筆一筆的資料，由網站或嵌入網站的服務存入用戶的瀏覽器。例如你到 CNN 看新聞，www.cnn.com 就會存幾筆 cookie 到你的瀏覽器，有可能是記錄你的登入登出狀態，瀏覽紀錄等等。嵌入網站的服務大家最熟悉的就是 GA (Google Analytics), GA 一樣是發 cookie 到使用者的瀏覽器，它才能區別你第一次來逛網站，和第二次來逛網站是同一個人 (正確來講是同一個瀏覽器。)</p>



<p class="wp-block-paragraph">上面 web dev 文章提供一個範例，例如你逛一個購物網站，該網站會發一筆 cookie 給你 (存在你的瀏覽器)</p>



<pre class="wp-block-code"><code>Set-Cookie: promo_shown=1; Max-Age=2600000; Secure</code></pre>



<p class="wp-block-paragraph">promo_shown=1 是客製化資料 (下次來這個購物網站時跳出促銷訊息)，Max-Age=2600000 指的是 2600000 秒後 (約一個月) 這筆 cookie 會自動失效，Secure 指的是存取這 cookie 需要 https 連線。</p>



<p class="wp-block-paragraph">當你下次來這個購物網站時瀏覽器會自動送出給該購物網站，所以它知道要跳出促銷訊息</p>



<pre class="wp-block-code"><code>Cookie: promo_shown=1</code></pre>



<p class="wp-block-paragraph">因為每個網站「不知道」現在連線的是誰，是登入還是登出，用 cookie 可以紀錄使用者狀態，達到好的使用體驗 (例如臉書不用開一個分頁就要登入一次)。</p>



<h4 class="wp-block-heading">什麼叫「第三方」cookie</h4>



<p class="wp-block-paragraph">網站叫第一方 (瀏覽器網址列顯示的網址叫第一方)，使用者叫第二方，第一方網站嵌入的 code 叫第三方。大家最熟悉的第三方例子就是 GA (Google Analytics), 有一些網站會嵌入臉書的 code, 也是第三方。</p>



<h4 class="wp-block-heading">為什麼第三方 cookie 有可能的安全性問題</h4>



<p class="wp-block-paragraph">還記得上方跳促銷訊息的例子，當你回到網站，或是再次觸發第三方服務時 (例如 GA)，你瀏覽器會自動送出第一方網站發的 cookie 給第一方網站，第三方發的 cookie 給第三方。</p>



<p class="wp-block-paragraph">上方 web dev 文章提到，例如網站A 嵌了一個網站B 的圖檔進來，此時網站A 就是第一方，網站B 就是第三方。當你開啟網站A，屬於網站B 的 cookie 也會送給網站B。那如果網站A 是一個惡意網站呢？它不停的用程式去 run 網站B 的連結，照目前的機制，瀏覽器上的 cookie 也會拼命的送給網站B (此時網站B 就算是被攻擊)。網站A 只是一個例子，網路上有無窮無盡的網站有可能是惡意的，網站B 是不是處於風險之中。</p>



<p class="wp-block-paragraph">了解什麼叫 cookie, 什麼叫第三方 cookie, 又為什麼第三方 cookie 有可能的安全性問題後，我們來看目前 cookie 分為三類</p>



<ul class="wp-block-list"><li>SameSite=Strict. 此類 cookie 當使用者瀏覽器網址列的網址，等於 cookie 的發行者時 (精確來講是符合 same-site 規則)，cookie 才會被送回去。上述網站A嵌入網站B的圖檔的例子，如果網站B發的 cookie 是 Strict, 使用者開啟網站A 時，屬於網站B 的 cookie 「不會」被送回。</li><li>SameSite=Lax. 在 SameSite=Strict 之外，允許某些低風險的 cross-site cookie。例如點一個外部連結，HTTP method GET 等，可以允許 cross-site cookie 送回。一般來說是網頁會跳轉的情況，但不包含嵌入外部資源。</li><li>SameSite=None. 不看 same-site 或 cross-site，不管哪種 HTTP method，一律送回 cookie。有潜在安全性的問題。也是目前大部分瀏覽器的現狀。</li></ul>



<p class="wp-block-paragraph">以下是 web dev 文章附的 sample cookie, 有 sample 看起來會比較有感覺</p>



<pre class="wp-block-code"><code>Set-Cookie: promo_shown=1; SameSite=Strict</code></pre>



<pre class="wp-block-code"><code>Set-Cookie: promo_shown=1; SameSite=Lax</code></pre>



<pre class="wp-block-code"><code>Set-Cookie: widget_session=abc123; SameSite=None; Secure</code></pre>



<h4 class="wp-block-heading">那 Chrome 80 要怎麼改？</h4>



<ol class="wp-block-list"><li>如果 cookie 發行者「沒有」指定 SameSite (Strict, Lax, None), 預設為 Lax.</li><li>如果 cookie 發行者指定 SameSite=None, 一定要加 Secure, 如上方 sample.  Secure 指的是一定要是 https 連線。</li></ol>



<h4 class="wp-block-heading">那 GA 等第三方服務有沒有影響？</h4>



<p class="wp-block-paragraph">照以上結論，往後第三方服務發行商一定要把自己發的 cookie 加上 SameSite=None, Secure. GA 發的 cookie 由 GA team 來負責，Google Ads 發的 cookie 由 Google Ads team 來負責。我相信 Google 自己出的第三方服務 (GA, Google Ads, 等) 早已準備好了。有影響的是第三方服務發行商，例如智能推薦系統，廣告系統，這些廠商要去確認自己發的 cookie.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.yuyansoftware.com.tw/2020/01/chrome-80-samesite-cookie/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Better Ads Standards &#038; Chrome 將在 2019 年7月開始阻擋不符規範的廣告</title>
		<link>https://blog.yuyansoftware.com.tw/2019/05/better-ads-standards/</link>
		
		<dc:creator><![CDATA[Larry]]></dc:creator>
		<pubDate>Fri, 17 May 2019 02:00:28 +0000</pubDate>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[數位行銷]]></category>
		<category><![CDATA[網路科技]]></category>
		<guid isPermaLink="false">https://blog.yuyansoftware.com.tw/?p=357</guid>

					<description><![CDATA[Google 正在 follow 更佳廣告聯盟（Coalition for better ads), 過濾掉會影響使用者體驗的廣告，並計劃在 Chrome 瀏覽器阻擋不符規範的廣告。本篇文章就 Google 官方文件所列出的符合，與不符合規範的廣告作一個整理。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">圖片來源 <a href="https://www.thinkwithgoogle.com/marketing-resources/better-ad-standards/" target="_blank" rel="noreferrer noopener" aria-label=" (在新分頁中開啟)">https://www.thinkwithgoogle.com/marketing-resources/better-ad-standards/</a></p>



<p class="wp-block-paragraph">上方是 2019 二月份 thinkwithgoogle 的一篇文章，列出了 ok 和不 ok 的廣告</p>



<h4 class="wp-block-heading">桌機</h4>



<ul class="wp-block-list">
<li>右側 menu 長條形廣告 <span class="has-inline-color has-vivid-green-cyan-color">(Yes)</span></li>



<li>上方大圖廣告 <span class="has-inline-color has-vivid-green-cyan-color">(Yes)</span></li>



<li>頁面 inline 廣告 <span class="has-inline-color has-vivid-green-cyan-color">(Yes)</span></li>



<li>彈出式廣告 <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>倒數特定秒數後才會顯示網頁 <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>大型 sticky ads (黏著在瀏覽器邊邊，不隨 scroll 捲動的廣告) <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>自動播放有聲音的影片 <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>
</ul>



<h4 class="wp-block-heading">手機</h4>



<ul class="wp-block-list">
<li>小型上方或下方 sticky ads <span class="has-inline-color has-vivid-green-cyan-color">(Yes)</span></li>



<li>小型 inline 廣告 <span class="has-inline-color has-vivid-green-cyan-color">(Yes)</span></li>



<li>彈出式廣告 <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>大型 sticky ads <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>自動播放有聲音的影片 <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>廣告占網頁面積比超過 30% <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>閃爍及動畫廣告，即使 inline <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>



<li>占滿全螢幕，需要不斷 scroll 移除的廣告 <span class="has-inline-color has-luminous-vivid-orange-color">(No)</span></li>
</ul>



<h4 class="wp-block-heading">總的來說</h4>



<ul class="wp-block-list">
<li>無論手機桌機，彈出式廣告大概就不行</li>



<li>小型 sticky ads ok, 大型 sticky ads 不行</li>



<li>自動播放有聲音的影片不行</li>



<li>larry 覺得占比不能超過 30% 這一項很精髓。有一些同時有小型 sticky ads 和 inline ads 的網站，看似都符合廣告原則，但其實瀏覽體驗極差。占比不能超過 30% 的原則限制了這種情況。</li>
</ul>



<p class="wp-block-paragraph">Google 也有提出工具來檢測廣告使用者體驗 <a rel="noreferrer noopener" aria-label=" (在新分頁中開啟)" href="https://support.google.com/webtools/answer/7159932" target="_blank">https://support.google.com/webtools/answer/7159932</a></p>



<p class="wp-block-paragraph">另外依照這篇文章，Chrome 將在今年 (2019) 7/9 開始阻擋不符規範的廣告。<br><a rel="noreferrer noopener" aria-label=" (在新分頁中開啟)" href="https://blog.chromium.org/2019/01/building-better-world-wide-web.html" target="_blank">https://blog.chromium.org/2019/01/building-better-world-wide-web.html</a></p>



<p class="wp-block-paragraph">Again, 工具的使用倒還是其次，但大家要知道 Google 是有心要處理廣告體驗這件事情。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>從自訂網域載入 AMP 網頁：Signed Exchange</title>
		<link>https://blog.yuyansoftware.com.tw/2019/04/signed-exchange-developer-preview/</link>
		
		<dc:creator><![CDATA[Larry]]></dc:creator>
		<pubDate>Fri, 19 Apr 2019 04:09:00 +0000</pubDate>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[數位行銷]]></category>
		<category><![CDATA[網路科技]]></category>
		<category><![CDATA[AMP網頁]]></category>
		<guid isPermaLink="false"></guid>

					<description><![CDATA[舉例來說，業主的 AMP 網頁收錄到 google 後是網址A, 業主的原網頁網址是網址B. 如果網址A和網址B是 Signed Exchange, 當使用者 request 網址A, 瀏覽器顯示的會是網址B, 並且同時網址A的 cookie 和 js code 等都還在運作。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">圖片來源 <a rel="noreferrer noopener" aria-label=" (在新分頁中開啟)" href="https://developers.google.com/amp" target="_blank">https://developers.google.com/amp</a></p>



<p class="wp-block-paragraph">Google於 4/16 發布的這篇官方部落格文章，larry認為是精彩而重要的<br><a rel="noreferrer noopener" aria-label=" (在新分頁中開啟)" href="https://webmasters.googleblog.com/2019/04/instant-loading-amp-pages-from-your-own.html" target="_blank">https://webmasters.googleblog.com/2019/04/instant-loading-amp-pages-from-your-own.html</a></p>



<p class="wp-block-paragraph">首先，Google 在官方 Webmaster blog 多次提及 AMP 網頁。Google 「並沒有」說支援 AMP 的網頁搜尋結果排名會上升，但多次提及 AMP 網頁，各位老闆可以自行推敲 AMP 網頁是否重要。這篇官方部落格裡有一句</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">&#8220;We believe that privacy-preserving instant loading web content is a transformative user experience&#8221;<br>翻譯：我們相信同時考量到隱私權的快速載入網頁，是一種革命性的使用者體驗。</p>
</blockquote>



<p class="wp-block-paragraph">所以大家可以知道，google對於快速載入網頁這一路會繼續做。再來他提到 AMP 網頁的代價是 (先不論業主所花的工程 cost) URL 裡總是&nbsp;google.com/amp 開頭，再接你的網址名稱，例如 <span class="has-inline-color has-vivid-cyan-blue-color">https://www.google.com/amp/s/</span>your_site.com/your_page_address</p>



<p class="wp-block-paragraph">google.com/amp 開頭這件事已經有很多客戶/用戶反應 (為什麼不是他們的網址名稱開頭)。在這篇官方部落格 Google 提出一個 solution: Signed Exchange</p>



<p class="wp-block-paragraph">Google AMP 官網上有一句講得比較清楚<br><a href="https://blog.amp.dev/2018/11/13/developer-preview-of-better-amp-urls-in-google-search/" target="_blank" rel="noreferrer noopener">https://blog.amp.dev/2018/11/13/developer-preview-of-better-amp-urls-in-google-search/</a></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">&#8220;Allow the browser to treat a document as belonging to the publisher&#39;s Origin. This allows a publisher to use first party cookies to customize content, execute service workers, and measure analytics.&#8221;</p>
</blockquote>



<p class="wp-block-paragraph">他的意思就是說，即使來源 (origin) 是 google.com/amp, 這項新的技術可以讓瀏覽器認為目前這張網頁來源是業主本來的網址 (因為 Google AMP 是抓業主的網頁去 cache, 所以現在來源是 google.com/amp)</p>



<p class="wp-block-paragraph">舉例來說，業主的 AMP 網頁收錄到 google 後是網址A, 業主的原網頁網址是網址B. 如果網址A和網址B是 Signed Exchange, 當使用者 request 網址A, 瀏覽器顯示的會是網址B, 並且同時網址A的 cookie 和 js code 等都還在運作。</p>



<p class="wp-block-paragraph">目前 Signed Exchange 技術還在 developer preview 階段，瀏覽器支援也不普及 (尤其是非 chrome 的用戶)。但 Google 往這一路的方向是確定的，實作上 larry 是建議讀者先等這項技術成熟後，再花 cost 實作。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
