如何快速優化SEO-5分鐘搞定網頁的robots meta
甚麼狀況下該使用 robots meta 與 robots.txt robots meta 對 SEO 的操作上也是很重要。robots meta 與 robots.txt 都能向搜尋引擎宣告如何處理網頁。前者為阻止搜尋引擎索引你的頁面 (但搜尋引擎還是有抓取你的網站資料) ； robots.txt 則是全面阻止搜尋引擎抓取你的資料 (搜尋引擎會自動略過你指定的網站)。 當然，大多數的狀況，你不會讓 robots.txt 來阻止搜尋引擎抓取辛苦建立的網站。但是以若這個網站對你的 SEO 有負面影響、或是私密性高的話，就可以用robots.txt 來阻擋搜尋引擎抓取，常見的情況如下所示: 1. 多年前有經過黑帽 SEO 手法，卻還沒處理的網頁、 2. 施工中未完成的網頁等 3. 網站或是公司內部系統的登入頁面 若你只是希望這個網頁不要出現在搜尋引擎結果中的話，那用 robots meta 即可。 如何設定網站 robots.txt 【檔案存取位置】robots.txt 位於網站的根目錄下 【作用】告訴搜尋引擎哪些網站內容不要進行存取，並且可以指定 sitemap 的位置。 【路徑】如果你有建立並使用 robots.txt，則他的位置會是 http://網址/robots.txt，如果這個檔案不存在，則代表沒有使用 robots.txt。 【宣告類型】有五種，如下所示： User-agent Crawl-delay Disallow Allow Sitemap 以上五種宣告類型如何編輯? 常見的如以下所示： 拒絕所有的搜尋引擎爬蟲爬取你的網站： 允許全部的搜尋引擎爬蟲爬取你的網站： 拒絕 Google 的搜尋引擎爬蟲爬取 /wp-admin 目錄 只拒絕百度的搜尋引擎爬蟲，卻允許其他搜尋引擎 (如 Google、Yahoo、Yandax等等) 爬取 拒絕搜尋引擎爬取特定類型的檔案 實際網站完整 robots.txt robots.txt-如何設定?
使用 Google Search Console 來檢查 舊版的 Google 網站管理員 Search Console 中，有 robots.txt 測試工具，他會模擬 Google 搜尋引擎爬蟲來檢查你的 robots.txt 的正確性。 如何設定網站 robots meta 【檔案存取位置】robots meta 宣告置於網頁 HTML 的 <head>與</head>之間 【作用】宣告阻止搜尋引擎索引你的頁面 (但搜尋引擎還是有抓取你的網站資料) ，但是不引醒使用者瀏覽你的網頁 【語法】 <META NAME=”屬性值#1″ CONTENT=”屬性值#2″> 屬性值#1，為指定哪種搜尋，常用語法如下: robots:所有搜尋引擎的爬蟲 googlebot:GOOGLE 搜尋引擎的爬蟲 bingbot:Bing 搜尋引擎的爬蟲 slurp:Yahoo 搜尋引擎的爬蟲 Baiduspider:百度搜尋引擎的爬蟲 AhrefsBot:Ahrefs.com的爬蟲 MJ12Bot:Majestic.com的爬蟲 屬性值#2，為指定處理方式，常見代碼如下 noindex:不要索引本網頁 nofollow:不要跟隨本網頁內的連結頁面 noarchive:不要儲存庫存網頁 nosnippet:不要在搜尋結果顯示描述或是快照 none:等於 noindex 與 nofollow noimageindex:不要索引本網頁的圖片，只適用於 Google unavailable_after:date:在指定日期後停止索引本頁 原文出處: https://www.tedu.tw/blog/seo-robots-meta.html 相關文章: 元宇宙也有翻譯蒟蒻了！Meta推全球語言都可翻譯的人工智慧 Google提出Android隱私沙盒，標榜保護用戶資料安全 導盲犬被 AI 取代？美科學家研發四足機器導盲犬 【糖友福音】加拿大人工智慧新創 Scanbo 免扎針血糖儀，一分鐘驗出 人工智慧醫療再躍進!AI測腸癌靈敏度99.7%! 人工智慧拯救爛畫質,經典老動漫變高清! 必勝客人工智慧做一個披薩只需1.2分鐘! IzzySixxi 發表在 痞客邦 留言 (0) 人氣(3 )
IzzySixxi 發表在 痞客邦 留言 (0) 人氣(1 )
前端工程師想無痛SEO?RWD和AWD該選哪個?一次評比給你指引!
目錄
該選擇 RWD 還是 AWD ? 先看看自己的需求吧！
當下 RWD 正夯，但並不代表所有的網頁都適用 RWD 技術。決策者必須先檢視網站的規模、內容、專案的需求以及人力，再決定使用 AWD 還是 RWD。至於哪一類的網站適合 RWD、哪一種的網站適合 AWD，簡單整理如下表所示： RWD AWD 人力需求 較少，因為只有一套 CSS 較多 (因為需要多套 CSS)，前端 工程師撰寫判斷裝置後自動匯入相應的 CSS 的程式 維護成本 較少，因為只有一套 CSS 較多，因為有多套 CSS 以及程式 適用內容 網站內容較單純時適用。 網站內容較多、較複雜時適用。 適用排版 較簡潔的畫面與排版 較多元化、複雜的畫面與排版 SEO 支援SEO 優化、維護較容易同左，但前提是不能直接把網站分成桌機版跟手機版兩個網站再進行轉址，導致流量分散。 可支援的裝置 各裝置都適用 各裝置都適用
以上分析建議仔細看過。 以下再作補充說明： 評估現有的資源人力
只需要寫一套 CSS 的 RWD 所耗的時間與成本一定比 AWD 還快又省，適合小型網頁、新創產業或是各方面資源有限的狀況下。幾近客製化的 AWD 網頁雖然有利於做 UI / UX ，但是需要前端工程師 來撰寫判斷使用者來配對 CSS 的程式，且若想要做 SEO 的話，也是需要前端工程師 把多套 CSS 串在同一個 URL 的。 對
網頁設計 畫面要求較嚴謹的狀況下，就使用 AWD 吧！
若有足夠的預算，且希望使用者無論使用手機、桌機、平板等尺寸不一的裝置都能擁有完美的網頁瀏覽體驗 的狀況下，就選擇 AWD 吧！往後在網頁維護上，前端工程師 或是網頁設計 師也更能找到對應的 CSS 檔來修改，且比較沒有如 RWD 般所有的樣式都塞在同一套 CSS 有 「牽一髮動全身」 的隱憂。 若硬要使用 RWD 也無非不可行，但是若 CSS 樣式寫得不夠嚴謹的話，則恐怕不同的裝置會寫到同一種 style，這時就需要花更多時間來修復，反而浪費更多成本。 AWD 要怎麼做才能對 SEO 無痛?
很多人都說 AWD 對 SEO 不利。那是因為大多數的人會省去將 「行動版」 與 「桌機板」 串在同一個網址的流程，索性就把把網站做成兩個獨立的桌機版跟行動版兩個網站，再進行轉址，所以流量自然會分流，對 SEO 當然有負面影響！ 觀察很多分成桌機版跟行動版的網站 (如 Momo 購物、Facebook 等等) 的 URL ，會發現行動版的網址前面多會有個 「m.」 的開頭，就是這樣的情況。 但我們先回到原點，弄懂 AWD 的基本原理，其實 AWD 只是分成桌機版與行動板等兩套 CSS (有時可能會多出其他的而有兩套以上的 CSS)。但是一個網站擁有多套 CSS 並不等於要分成兩個網站。工程師常見的做法是撰寫程式讓同一個 URL 之下，判斷裝置而吐出相對應的網站架構與 CSS 樣式。多了這個步驟，才可以集中流量在同一個網址中，對 SEO 或品牌辨識度都比較好，就不會有前面提到 「分流」 的問題，也不會影響到 SEO。 所以不要再說 AWD 對 SEO 不利了！不利 SEO 的是把 「網站做成兩個獨立的桌機版跟行動版兩個網站，再進行轉址」 的作法。你所需要的，是要把行動版與桌機板使用同一個 URL。 原文出處: 該選擇 RWD 還是 AWD ? 先看看自己的需求吧！ 相關文章: 元宇宙也有翻譯蒟蒻了！Meta推全球語言都可翻譯的人工智慧 Google提出Android隱私沙盒，標榜保護用戶資料安全 所有的新創業者都需要SEO 的7 個理由！ SEO是什麼？跟AdWords差在哪?如何自學？ Google提主題取代群組,解救FLoC爭議(上) 糖友救星!加拿大人工智慧新創免扎針血糖 12萬字名著,人工智慧用200字就說完(上) IzzySixxi 發表在 痞客邦 留言 (0) 人氣(2 )
RWD和AWD的差異與優缺點,一次報你知!
AWD 跟 RWD 的目的一致，都是希望能針對桌機、平板、手機等不同尺寸的裝置，而顯示出易於瀏覽的網站畫面。在規劃網站時，相信有不少的 PM 在與前端 工程師或是網頁前端設計師 在溝通上遇到瓶頸，像是網站要使用 RWD 或是 AWD 等等。本篇就以未接觸過網頁設計 、或是無任何技術背景的網頁規劃者為角度，講解 RWD 與 AWD 網站的差異，以及如何規劃與選擇。 RWD 和 AWD 的差異與優缺點
在網頁上，RWD 是「Responsive Web Design (響應式網頁設計 )」的縮寫；而 AWD 則是 「Adaptive Web Design (自適應式網頁設計 )」的縮寫。RWD 與 AWD 是為現今大多數人們習慣使用手機、平板等行動裝置上網而生的 CSS 寫法，讓網頁設計 無論在桌機螢幕上、或是尺寸較小的行動裝置上，都能清楚的呈現，讓使用者能更舒服的瀏覽網頁。 RWD 與 AWD 的差異，簡單的來說，前者是無論行動裝置或是桌機，都使用同一套 CSS；而後者是針對各種裝置撰寫對應的 CSS，可以有多套 CSS ，例如桌機有桌機的一套 CSS，手機有自己的一套 CSS。 RWD 與 AWD 的差異，簡單的來說，就是前者只有一套 CSS 檔案、後者卻有多套 CSS 檔案。詳述如下：RWD 會把所有裝置的樣式都寫在同一套 CSS 中，因此無論行動裝置或是桌機，都是使用同一套 CSS 。當使用者打開了網頁，就能即時透過網頁的寬度，決定要套用到 CSS 中的哪一個樣式。 AWD 是針對各種裝置撰寫對應的 CSS，因此就會針對不同的裝置，而有多套的 CSS 樣式碼：例如桌機有桌機的一套 CSS，手機有自己的一套 CSS。AWD 的方式必須仰賴前端 工程師撰寫的程式，來判斷使用者是使用哪種裝置開啟網頁，再自動匯入相應的 CSS 檔案：如程式判斷出某使用者是使用桌機瀏覽網頁的話，就會自動匯入桌機的 CSS 樣式檔案；若是使用手機開網頁，就匯入手機的 CSS 樣式檔。 RWD、AWD 的異同之處
RWD 與 AWD 只是方式不同罷了，沒有所謂的哪個比較好，優缺點比較如下： 共同之處 RWD 與 AWD 都會判斷裝置，並且依照裝置顯示出對應的樣式。 不同之處 RWD 無論行動裝置或是桌機，都使用同一套 CSS 。 AWD 針對各種裝置撰寫對應的 CSS，因此會有多套 CSS ，一般來說會有兩套 CSS：桌機專屬的一套 CSS，手機專屬的一套 CSS。 RWD 的優點與缺點
優點
節省網站製作成本 SEO 更方便SEO 。缺點
開發容易、維護耗時 行動裝置網頁載入恐會更慢 AWD 的優點與缺點
優點 網頁維護更分明，不怕樣式被吃到 有利於 UI/UX 行動裝置網頁載入更快 缺點 維護較容易，但開發成本高 該選擇 RWD 還是 AWD ? 先看看自己的需求吧！
當下 RWD 正夯，只需要寫一套 CSS 的 RWD 所耗的時間與成本一定比 AWD 還快又省，適合小型網頁、新創產業或是各方面資源有限的狀況下。 即便如此，也並非所有的網頁都適用 RWD。若是對網頁設計畫面要求較嚴謹的狀況下，AWD 網頁在後續的維護上讓前端工程師、UI 設計師較能找到對應的 CSS 檔來修改，沒有如 RWD 般所有的樣式都塞在同一套 CSS 「牽一髮動全身」 的隱憂。 決策者必須先檢視網站的規模、內容、專案的需求以及現有的人力，再決定使用 AWD 還是 RWD。至於哪一類的網站適合 RWD、哪一種的網站適合 AWD，本篇文章「網頁一定得選擇 RWD 嗎？AWD 要怎麼做才能無痛SEO？ 」有近一步的分析與講解。 原文出處: RWD 和 AWD 的差異與優缺點 相關文章: 元宇宙也有翻譯蒟蒻了！Meta推全球語言都可翻譯的人工智慧 Google提出Android隱私沙盒，標榜保護用戶資料安全 所有的新創業者都需要SEO 的7 個理由！ SEO是什麼？跟AdWords差在哪?如何自學？ 人工智慧與軍事武器結合時,人類是否會失控? 糖友救星!加拿大人工智慧新創免扎針血糖 谷歌人工智慧編舞,任何音樂都能生成對應舞蹈(1) IzzySixxi 發表在 痞客邦 留言 (0) 人氣(2 )
IzzySixxi 發表在 痞客邦 留言 (0) 人氣(0 )
IzzySixxi 發表在 痞客邦 留言 (0) 人氣(1 )
IzzySixxi 發表在 痞客邦 留言 (0) 人氣(3 )
IzzySixxi 發表在 痞客邦 留言 (0) 人氣(0 )
必勝客人工智慧做一個披薩只需1.2分鐘!無人餐廳普及化
目錄
民以食為天。人工智慧 應用在飲食上的發展一直持續突破！先前有 AI 釀造的威士忌，打敗多種真人釀的酒並勇奪金牌 、還有超越真人廚師的 AI 研發食譜 ，現在位於 全自動機器人廚房的推手「Hyper Food Robotics」，其 CEO Udi Shamai 竟也是以色列區必勝客的老闆！以下影片是國際新聞媒體 i24NEWS 訪問 Udi Shamai 的內容： 人工智慧把關下，機器人一小時完成 50 片披薩！
這間披薩餐廳廚房長 12 公尺，與一般的廚房一樣配有烤箱、冰箱等，但是這間廚房內完全不需要員工，且每小時可以製作出 50 個披薩！ Hyper Robotics 在廚房中能夠完全獨立作業，在沒有人類的幫助下完成備料、烹飪和清潔等廚房內的日常工作。Hyper Robotics 聯合創辦人兼執行長 Udi Shamai 表示，生產一個這樣的廚房需要一個月的時間，而公司的目標是每個月製造十間。 這樣的廚房可以放在任何地方，就像一台巨大的自動販賣機，且每個廚房裡都設有自動冰櫃、烤箱和清潔系統。冷凍食品存放在廚房的冰櫃，由機器人 取出、解凍並為顧客烹飪。 機器人會將冷凍的披薩麵糰取出，並依次加上醬料、起司和各種配料。放入烤箱烤至金黃後，最後再由自動切割機將披薩切片裝進盒中。 Udi Shamai 也表示，這間廚房不僅能防彈，昆蟲也進不來。另外，這間廚房每 40 分鐘系統就會噴灑臭氧水清潔廚房，連細菌也都沒有機會存活，而這也是建造廚房最具有挑戰性的部分。 應用 AI 攝影、金屬探測器來「監控」機器人
人工智慧 攝影機將廚房製作的每一份食物的照片都記錄下來，以檢查機器人 是否正確取出麵糰並放上配料。對於無人廚房來說，由於沒有「人」見證這個過程，因此攝影機的設置也就變得更重要了。當披薩完成所有流程並抵達裝箱區域時，會先經過一個金屬探測器，掃描披薩上是否有任何「不應該出現在披薩上」的成分，最後再交給顧客。 Udi Shamai 表示，Hyper Robotics 六月也將在美國推出另一間自動化的無人廚房，這間廚房將能夠製作八種不同的配菜，包括雞翅、沙拉和起司條等。這也代表一些廚房內部可能會有不同的配置。 目前一週只有三天能買到機器人 做的披薩，因為現在仍在開發初期，需要工程師團隊和一群人在周圍看著機器工作，不過 Udi Shamai 預計未來價格還會降低。 Udi Shamai 認為未來食品價格會下降很多，特別是披薩，他認為價格可能會下降 25%。在一些商店租金較低的地區，消費者可能甚至可以看到更好的價格。 無人餐廳普及化，還有哪些技術問題待突破？
如果機器出現故障，這個廚房仍然可以運行，因為幾乎所有設備都有兩台以上的機器人 ；但是如果廚房突然停電，那麼就完全沒有其他辦法了。 而在這間披薩廚房裡，切披薩的機器只有一台，所以如果這台機器壞了，那就真的會是個大問題，因為派人來解決問題可能會需要花一兩個小時。 不過即使在普通的商店中，也有很多事情可能發生，因此 Udi Shamai 認為這並不會是個問題。 很多人都想改變目前的餐廳模式，但 Udi Shamai 指出這件事並不容易。許多工作上仍然需要人類輔助進行，但機器人會發出巨大的聲響和噪音，因此人們也不會想在機器人 旁邊工作，這時就必須倚賴人工智能的應用與技術。至於未來是否能完全做到「無人餐廳」，就拭目以待吧！ 相關文章: Google提出Android隱私沙盒，標榜保護用戶資料安全 人工智慧釀酒「人生釀造 craft」20、30、40、50 世代都有不同的專屬啤酒 人工智慧釀酒超越人類 全球首支AI威士忌勇奪金牌 年過 50 歲的日本副社長自學 Python！寫出的 AI 還被雀巢採用 谷歌開發人工智慧編舞,任何音樂都能編成舞蹈(3) 油價漲免驚!谷歌地圖用人工智慧規劃"最省油路線" 人工智慧幫你踩煞車!Sensify AI煞車系統提高駕駛安全性(上) IzzySixxi 發表在 痞客邦 留言 (0) 人氣(2 )
IzzySixxi 發表在 痞客邦 留言 (0) 人氣(15 )
