"@context": "https://schema.org", "@type": "HowTo", "name": "How to tile a kitchen backsplash", "image": { "@type": "ImageObject",
Google
搜尋中心
說明文件
時間不夠嗎？
快速入門導覽課程
讓Google顯示你的網站
為網站進行搜尋引擎最佳化調整
評估網站在Google搜尋中的成效
您需要聘請SEO嗎？
初級搜尋引擎最佳化(SEO)
踏出第一步
搜尋引擎最佳化(SEO)入門指南
透過Google提供商家詳細資料
SearchConsole入門指南
進階搜尋引擎最佳化(SEO)
踏出第一步
指南規範
搜尋服務的運作方式
控制檢索及建立索引作業
變更搜尋外觀
針對網頁體驗進行最佳化調整
支援
網誌
最新消息
所有更新
說明文件更新
最新YouTube影片
近期Podcast節目
活動
個案研究
Language
English
BahasaIndonesia
Deutsch
Español
Español–AméricaLatina
Français
Italiano
Polski
Português–Brasil
TiếngViệt
Türkçe
Русский
العربيّة
हिंदी
ภาษาไทย
中文–简体
中文–繁體
日本語
한국어
登入
說明文件
前往SearchConsole
簡介
基本概念
初級搜尋引擎最佳化(SEO)
進階搜尋引擎最佳化(SEO)
Google
搜尋中心
說明文件
更多
簡介
基本概念
初級搜尋引擎最佳化(SEO)
進階搜尋引擎最佳化(SEO)
支援
網誌
最新消息
更多
活動
個案研究
踏出第一步
Google搜尋的運作方式
Google搜尋開發人員指南
SearchConsole進階指南
指南
指南及規範總覽網站管理員指南
一般指南
保持簡單的網址結構向Google說明您的連出連結限制插頁式廣告和對話方塊將網站標記為兒童導向內容瀏覽器相容性避免建立重複的內容使用有效的網頁中繼資料提供可檢索的連結確認Googlebot未遭到封鎖測試網站時避免干擾Google搜尋作業的最佳做法
特定類型內容規範
圖片和影片
Google圖片最佳做法影片最佳做法互動式多媒體檔案最佳做法安全搜尋和您的網站推薦給網誌作者的最佳做法網站代管服務避免Google搜尋顯示受遮蓋的資訊Google搜尋中的AMP指南
在Google搜尋中經營電子商務的最佳做法
總覽內容可以出現在何處分享產品資料加入結構化資料推出新網站撰寫優質產品評論設計網址結構電子商務網站架構分頁、分階段載入網頁和搜尋
COVID-19相關資源和提示
適用於所有網站適用於教育網站適用於政府和醫療網站
品質指南
自動產生的內容幕後重新導向連結配置內容空洞付費連結偽裝隱藏的文字與連結入口網頁剪輯的內容聯盟計畫不相關的關鍵字建立帶有惡意行為的網頁自動查詢使用者產生的垃圾內容防範垃圾留言的方法檢舉垃圾內容、付費連結或惡意軟體
控制檢索及建立索引作業
總覽
Sitemap
瞭解Sitemap建立並提交Sitemap分割大型Sitemap
Sitemap擴充元素
影片Sitemap和替代方案圖片SitemapGoogle新聞Sitemap
robots.txt
robots.txt簡介建立並提交robots.txt檔案更新robots.txt檔案Google如何解讀robots.txt規格漫遊器常見問題
中繼標記
Google能夠解讀的中繼標記使用noindex禁止建立搜尋索引漫遊器中繼標記、data-nosnippet和X-Robots-Tag規格
檢索器管理
要求Google重新檢索網址降低Googlebot檢索頻率驗證Googlebot和其他Google檢索器的身分大型網站擁有者的檢索預算管理指南HTTP狀態碼、網路錯誤和DNS錯誤對Google搜尋有何影響
Google檢索器
總覽GooglebotGoogleReadAloud使用者代理程式APIs-Google使用者代理程式FeedfetcherDuplex網頁版使用者代理程式
移除網址
控管您與Google分享的資訊從Google搜尋結果中移除您網站上代管的網頁從搜尋結果中移除您網站上代管的圖片重複的網址
網站遷移與變更
重新導向與Google搜尋
網站遷移
什麼是網站遷移？遷移網站但保留網址遷移網站並變更網址暫停或停用網站轉址式404錯誤
國際版和多語言版本的網站
總覽管理多地區和多語言版本的網站向Google提供網頁的本地化版本Google如何檢索會自動調整語言代碼的網頁
JavaScript內容
瞭解JavaScript搜尋引擎最佳化(SEO)基礎知識修正會影響搜尋體驗的JavaScript問題修正延遲載入內容導入動態轉譯
變更搜尋外觀
搜尋外觀相關主題總覽管理標題連結管理摘要為網站啟用搜尋結果功能精選摘要和您的網站網站連結向Google搜尋提供發布日期定義要顯示在搜尋結果中的網站小圖示翻譯搜尋結果功能讓廣告聯播網能使用Google搜尋的翻譯相關功能
使用結構化資料
瞭解結構化資料的運作方式試用結構化資料程式碼研究室探索SearchGallery結構化資料一般指南利用JavaScript產生結構化資料
功能指南
ArticleBook導覽標記輪轉介面CourseCOVID-19公告DatasetEducationQ&AEmployerAggregateRating預估薪酬Event事實查核常見問題居家活動How-to圖片授權JobPosting職業訓練當地商家Logo數學解題工具Movie練習題Product問與答Recipe評論摘錄網站連結搜尋框軟體應用程式Speakable訂閱和付費牆內容Video多元化搜尋結果彈性試閱一般準則顯示熱門地點清單禁止區域搜尋結果和其他Google資源顯示您的內容在Google圖片中使用圖片版權中繼資料
使用搜尋運算子進行偵錯
總覽site:搜尋運算子cache:搜尋運算子Google圖片搜尋運算子
網路故事
讓網路故事顯示在Google上創作網路故事的最佳做法網路故事內容政策
早期採用者計畫
包裹追蹤行動加值
針對網頁體驗進行最佳化調整
瞭解網頁體驗針對Google搜尋開始使用SignedExchange
行動裝置
行動裝置相關主題總覽
行動裝置相容性
踏出第一步行動版內容優先索引系統的最佳做法
選擇設定
總覽回應式網頁設計動態提供內容獨立網址平板電腦和功能型手機避免設計行動版網站時的常見錯誤自訂網站軟體以適合行動裝置瀏覽開發適合行動裝置瀏覽的網頁時可利用的各項資源行動裝置瀏覽相關常見問題明確告知行動帳單費用資訊使用功能型手機瀏覽行動版網頁WebLight：Google搜尋提供的快速載入精簡版網頁Google搜尋中WebLight網頁的廣告聯播網支援Google探索和您的網站
安全性
安全性相關主題總覽使用HTTPS確保網站安全無虞什麼是駭客入侵或遭入侵的內容？惡意軟體和垃圾軟體防範惡意軟體感染社交工程(網路詐騙和詐欺網站)Google安全瀏覽累犯政策
AMP
瞭解AMP在搜尋結果中的呈現方式改進AMP內容驗證AMP內容移除AMP內容
Google搜尋的API
SiteVerificationAPISearchConsoleAPIIndexingAPI
時間不夠嗎？
快速入門導覽課程
讓Google顯示你的網站
為網站進行搜尋引擎最佳化調整
評估網站在Google搜尋中的成效
您需要聘請SEO嗎？
初級搜尋引擎最佳化(SEO)
踏出第一步
搜尋引擎最佳化(SEO)入門指南
透過Google提供商家詳細資料
SearchConsole入門指南
進階搜尋引擎最佳化(SEO)
踏出第一步
指南規範
搜尋服務的運作方式
控制檢索及建立索引作業
變更搜尋外觀
針對網頁體驗進行最佳化調整
所有更新
說明文件更新
最新YouTube影片
近期Podcast節目
首頁
搜尋中心
說明文件
進階搜尋引擎最佳化(SEO)
提供意見
使用結構化資料為操作說明網頁加上標記
您的網頁中有食品或飲料的製作說明嗎？如果有，您就應該新增食譜結構化資料，而非HowTo。
使用HowTo結構化資料就是在明確告訴Google，您的內容是操作說明。
操作說明的目的是讓使用者能夠按照一系列步驟成功完成某件事，內文可穿插影片、圖片和文字輔助說明。
例如教人「如何打領帶」或「如何為廚房背牆貼上磁磚」。
如果您的操作說明需要依照順序完成每一個步驟，使用HowTo結構化資料對您的內容就有加分效果。
如果網頁主要用於描述操作說明，就相當適合採用HowTo結構化資料。
只要為操作說明網頁加入適當標記，就能顯示為複合式搜尋結果，而且您可以運用Google助理的動作，讓網站更容易觸及合適的使用者。
為網頁加入HowTo結構化資料時，會自動產生適用於智慧螢幕的How-to動作。
如果您想為這些裝置的使用者提供最佳視覺體驗，包括標記中指定的圖片，請填寫意願表。
如何新增結構化資料
結構化資料是一種標準化格式，能夠提供網頁相關資訊並分類網頁內容。
如果您是第一次使用結構化資料，請參閱這篇文章，進一步瞭解結構化資料的運作方式。
以下簡要說明如何建立、測試及發布結構化資料。
如需在網頁中新增結構化資料的逐步指南，請前往結構化資料程式碼研究室。
新增必要屬性。
根據您使用的格式，瞭解要在網頁中的什麼位置插入結構化資料。
如果您使用CMS，運用已整合至該CMS的外掛程式會更為簡便。
如果您使用JavaScript，請瞭解如何使用JavaScript產生結構化資料。
遵循指南規範。
使用複合式搜尋結果測試驗證程式碼。
部署幾個包含結構化資料的網頁，並使用網址檢查工具測試Google轉譯網頁的情形。
請確認Google可以存取您的網頁，且網頁並未遭到robots.txt檔案或noindex標記封鎖，也未設有登入規定。
如果網頁看起來沒問題，您可以要求Google重新檢索您的網址。
注意：請等待一段時間，讓系統重新檢索和重新建立索引。
在發布網頁後，Google可能需要幾天時間才會找到網頁並進行檢索。
為了讓Google掌握日後的異動內容，建議您提交Sitemap。
您可以使用SearchConsoleSitemapAPI自動執行這項操作。
功能適用情況
只要Google搜尋支援您的語言且適用於您所在的國家/地區，即可使用How-to複合式搜尋結果。
這項功能適用於行動裝置和電腦。
範例
以下列舉一些內容形式各異的How-to複合式搜尋結果範例。
如果您的操作說明附有各步驟圖片，最後程序結束還有一張完成圖，瀏覽起來就更具有視覺張力。
請儘可能多加入必要屬性和建議屬性，讓您的操作說明能在Google搜尋結果中展現最理想的效果。
標準操作說明複合式搜尋結果
注意：搜尋結果中的實際顯示效果可能有所不同。
你可以使用複合式搜尋結果測試預覽大部分的功能。
以下示範以JSON-LD格式呈現的文字操作說明網頁，文中只有一張圖片，用來展示操作說明的最後狀態。
使用者可以從這個搜尋結果預覽部分步驟的內容。
Howtotileakitchenbacksplash
{
"@context":"https://schema.org",
"@type":"HowTo",
"name":"Howtotileakitchenbacksplash",
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo.jpg",
"height":"406",
"width":"305"
},
"estimatedCost":{
"@type":"MonetaryAmount",
"currency":"USD",
"value":"100"
},
"supply":[
{
"@type":"HowToSupply",
"name":"tiles"
},{
"@type":"HowToSupply",
"name":"thin-setmortar"
},{
"@type":"HowToSupply",
"name":"tilegrout"
},{
"@type":"HowToSupply",
"name":"groutsealer"
}
],
"tool":[
{
"@type":"HowToTool",
"name":"notchedtrowel"
},{
"@type":"HowToTool",
"name":"bucket"
},{
"@type":"HowToTool",
"name":"largesponge"
}
],
"step":[
{
"@type":"HowToStep",
"url":"https://example.com/kitchen#step1",
"name":"Preparethesurfaces",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Turnoffthepowertothekitchenandthenremoveeverythingthatisonthewall,suchasoutletcovers,switchplates,andanyotheritemintheareathatistobetiled."
},{
"@type":"HowToDirection",
"text":"Thencleanthesurfacethoroughlytoremoveanygreaseorotherdebrisandtapeoffthearea."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step1.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Planyourlayout",
"url":"https://example.com/kitchen#step2",
"itemListElement":[{
"@type":"HowToTip",
"text":"Thecreasescreatedupuntilthispointwillbeguidinglinesforcreatingthefourwallsofyourplanterbox."
},{
"@type":"HowToDirection",
"text":"Liftonesideata90-degreeangle,andfolditinplacesothatthepointonthepapermatchestheothertwopointsalreadyinthecenter."
},{
"@type":"HowToDirection",
"text":"Repeatontheotherside."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step2.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Prepareyourandapplymortar(orchooseadhesivetile)",
"url":"https://example.com/kitchen#step3",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Followtheinstructionsonyourthin-setmortartodeterminetherightamountofwatertofillinyourbucket.Oncedone,addthepowdergraduallyandmakesureitisthoroughlymixed."
},{
"@type":"HowToDirection",
"text":"Oncemixed,letitstandforafewminutesbeforemixingitagain.Thistimedonotaddmorewater.Doublecheckyourthin-setmortarinstructionstomakesuretheconsistencyisright."
},{
"@type":"HowToDirection",
"text":"Spreadthemortaronasmallsectionofthewallwithatrowel."
},{
"@type":"HowToTip",
"text":"Thinsetandotheradhesivessetquicklysomakesuretoworkinasmallarea."
},{
"@type":"HowToDirection",
"text":"Onceit'sapplied,comboveritwithanotchedtrowel."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step3.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Addyourtiletothewall",
"url":"https://example.com/kitchen#step4",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Placethetilesheetsalongthewall,makingsuretoaddspacerssothetilesremainlinedup."
},{
"@type":"HowToDirection",
"text":"Pressthefirstpieceoftileintothewallwithalittletwist,leavingasmall(usuallyone-eightinch)gapatthecountertoptoaccountforexpansion.usearubberfloattopressthetileandensureitsetsintheadhesive."
},{
"@type":"HowToDirection",
"text":"Repeatthemortarandtilinguntilyourwalliscompletelytiled,Workinginsmallsections."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step4.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Applythegrout",
"url":"https://example.com/kitchen#step5",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Allowthethin-setmortartoset.Thisusuallytakesabout12hours.Don'tmixthegroutbeforethemortarisset,becauseyoudon'twantthegrouttodryout!"
},{
"@type":"HowToDirection",
"text":"Toapply,covertheareathoroughlywithgroutandmakesureyoufillallthejointsbyspreadingitacrossthetilesvertically,horizontally,anddiagonally.Thenfillanyremainingvoidswithgrout."
},{
"@type":"HowToDirection",
"text":"Then,withamoistsponge,spongeawaytheexcessgroutandthenwipecleanwithatowel.Foreasiermaintenanceinthefuture,thinkaboutapplyingagroutsealer."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step5.jpg",
"height":"406",
"width":"305"
}
}
],
"totalTime":"P2D"
}
Howtotileakitchenbacksplash
{
"@context":"https://schema.org",
"@type":"HowTo",
"name":"Howtotileakitchenbacksplash",
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo.jpg",
"height":"406",
"width":"305"
},
"estimatedCost":{
"@type":"MonetaryAmount",
"currency":"USD",
"value":"100"
},
"supply":[
{
"@type":"HowToSupply",
"name":"tiles"
},{
"@type":"HowToSupply",
"name":"thin-setmortar"
},{
"@type":"HowToSupply",
"name":"tilegrout"
},{
"@type":"HowToSupply",
"name":"groutsealer"
}
],
"tool":[
{
"@type":"HowToTool",
"name":"notchedtrowel"
},{
"@type":"HowToTool",
"name":"bucket"
},{
"@type":"HowToTool",
"name":"largesponge"
}
],
"step":[
{
"@type":"HowToStep",
"url":"https://example.com/kitchen#step1",
"name":"Preparethesurfaces",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Turnoffthepowertothekitchenandthenremoveeverythingthatisonthewall,suchasoutletcovers,switchplates,andanyotheritemintheareathatistobetiled."
},{
"@type":"HowToDirection",
"text":"Thencleanthesurfacethoroughlytoremoveanygreaseorotherdebrisandtapeoffthearea."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step1.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Planyourlayout",
"url":"https://example.com/kitchen#step2",
"itemListElement":[{
"@type":"HowToTip",
"text":"Thecreasescreatedupuntilthispointwillbeguidinglinesforcreatingthefourwallsofyourplanterbox."
},{
"@type":"HowToDirection",
"text":"Liftonesideata90-degreeangle,andfolditinplacesothatthepointonthepapermatchestheothertwopointsalreadyinthecenter."
},{
"@type":"HowToDirection",
"text":"Repeatontheotherside."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step2.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Prepareyourandapplymortar(orchooseadhesivetile)",
"url":"https://example.com/kitchen#step3",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Followtheinstructionsonyourthin-setmortartodeterminetherightamountofwatertofillinyourbucket.Oncedone,addthepowdergraduallyandmakesureitisthoroughlymixed."
},{
"@type":"HowToDirection",
"text":"Oncemixed,letitstandforafewminutesbeforemixingitagain.Thistimedonotaddmorewater.Doublecheckyourthin-setmortarinstructionstomakesuretheconsistencyisright."
},{
"@type":"HowToDirection",
"text":"Spreadthemortaronasmallsectionofthewallwithatrowel."
},{
"@type":"HowToTip",
"text":"Thinsetandotheradhesivessetquicklysomakesuretoworkinasmallarea."
},{
"@type":"HowToDirection",
"text":"Onceit'sapplied,comboveritwithanotchedtrowel."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step3.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Addyourtiletothewall",
"url":"https://example.com/kitchen#step4",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Placethetilesheetsalongthewall,makingsuretoaddspacerssothetilesremainlinedup."
},{
"@type":"HowToDirection",
"text":"Pressthefirstpieceoftileintothewallwithalittletwist,leavingasmall(usuallyone-eightinch)gapatthecountertoptoaccountforexpansion.usearubberfloattopressthetileandensureitsetsintheadhesive."
},{
"@type":"HowToDirection",
"text":"Repeatthemortarandtilinguntilyourwalliscompletelytiled,Workinginsmallsections."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step4.jpg",
"height":"406",
"width":"305"
}
},{
"@type":"HowToStep",
"name":"Applythegrout",
"url":"https://example.com/kitchen#step5",
"itemListElement":[{
"@type":"HowToDirection",
"text":"Allowthethin-setmortartoset.Thisusuallytakesabout12hours.Don'tmixthegroutbeforethemortarisset,becauseyoudon'twantthegrouttodryout!"
},{
"@type":"HowToDirection",
"text":"Toapply,covertheareathoroughlywithgroutandmakesureyoufillallthejointsbyspreadingitacrossthetilesvertically,horizontally,anddiagonally.Thenfillanyremainingvoidswithgrout."
},{
"@type":"HowToDirection",
"text":"Then,withamoistsponge,spongeawaytheexcessgroutandthenwipecleanwithatowel.Foreasiermaintenanceinthefuture,thinkaboutapplyingagroutsealer."
}],
"image":{
"@type":"ImageObject",
"url":"https://example.com/photos/1x1/photo-step5.jpg",
"height":"406",
"width":"305"
}
}
],
"totalTime":"P2D"
}
以下示範如何以微資料格式呈現文字操作說明網頁，文中只有一張圖片，用來展示操作說明的最後狀態。
使用者可以從這個搜尋結果預覽部分步驟的內容。
Howtotileakitchenbacksplash
Howtotileakitchenbacksplash
About
$100
About2days
NecessaryItems:
tiles
thin-setmortar
tilegrout
groutsealer
notchedtrowel
bucket
largesponge
Preparation
Turnoffthepowertothekitchenandthenremove
everythingthatisonthewall,suchasoutletcovers,switchplates,andanyotheritemin
theareathatistobetiled.Thencleanthesurfacethoroughlytoremoveanygreaseor
otherdebrisandtapeoffthearea.
PlanyourLayout
Layoutyourtilehorizontallybelowthewallwhereyou'regoingto
placeit.Thismakesiteasytoensurethatyourpatternwillfitinthespaceprovided.
Alsoithelpsyoudoublecheckthatyouhaveenoughtileandknowexactlywhereeachpiece
willgo.
Spreadthemortaronasmallsectionofthewallwithatrowel.Thinset
andotheradhesivessetquicklysomakesuretoworkinasmallarea.Onceit'sapplied,
comboveritwithanotchedtrowel.
Addyourtiletothewall
Placethetilesheetsalongthewall,makingsuretoaddspacerssothe
tilesremainlinedup.Pressthefirstpieceoftileintothewallwithalittletwist,
leavingasmall(usuallyone-eightinch)gapatthecountertoptoaccountforexpansion.
usearubberfloattopressthetileandensureitsetsintheadhesive.Repeatthemortar
andtilinguntilyourwalliscompletelytiled,workinginsmallsections.
Applythegrout
Allowthethin-setmortartoset.Thisusuallytakesabout12hours.
Don'tmixthegroutbeforethemortarisset,becauseyoudon'twantthegrouttodryout!
Toapply,covertheareathoroughlywithgroutandmakesureyoufillallthejointsby
spreadingitacrossthetilesvertically,horizontally,anddiagonally.Thenfillany
remainingvoidswithgrout.
Then,withamoistsponge,spongeawaytheexcessgroutandthenwipe
cleanwithatowel.Foreasiermaintenanceinthefuture,thinkaboutapplyingagrout
sealer.
Howtotileakitchenbacksplash
Howtotileakitchenbacksplash
About
$100
About2days
NecessaryItems:
tiles
thin-setmortar
tilegrout
groutsealer
notchedtrowel
bucket
largesponge
Preparation
Turnoffthepowertothekitchenandthenremove
everythingthatisonthewall,suchasoutletcovers,switchplates,andanyotheritemin
theareathatistobetiled.Thencleanthesurfacethoroughlytoremoveanygreaseor
otherdebrisandtapeoffthearea.
PlanyourLayout
Layoutyourtilehorizontallybelowthewallwhereyou'regoingto
placeit.Thismakesiteasytoensurethatyourpatternwillfitinthespaceprovided.
Alsoithelpsyoudoublecheckthatyouhaveenoughtileandknowexactlywhereeachpiece
willgo.
Spreadthemortaronasmallsectionofthewallwithatrowel.Thinset
andotheradhesivessetquicklysomakesuretoworkinasmallarea.Onceit'sapplied,
comboveritwithanotchedtrowel.
Addyourtiletothewall
Placethetilesheetsalongthewall,makingsuretoaddspacerssothe
tilesremainlinedup.Pressthefirstpieceoftileintothewallwithalittletwist,
leavingasmall(usuallyone-eightinch)gapatthecountertoptoaccountforexpansion.
usearubberfloattopressthetileandensureitsetsintheadhesive.Repeatthemortar
andtilinguntilyourwalliscompletelytiled,workinginsmallsections.
Applythegrout
Allowthethin-setmortartoset.Thisusuallytakesabout12hours.
Don'tmixthegroutbeforethemortarisset,becauseyoudon'twantthegrouttodryout!
Toapply,covertheareathoroughlywithgroutandmakesureyoufillallthejointsby
spreadingitacrossthetilesvertically,horizontally,anddiagonally.Thenfillany
remainingvoidswithgrout.
Then,withamoistsponge,spongeawaytheexcessgroutandthenwipe
cleanwithatowel.Foreasiermaintenanceinthefuture,thinkaboutapplyingagrout
sealer.
附有步驟圖片的How-to複合式搜尋結果
以下示範的是以JSON-LD格式呈現的操作說明網頁，附有步驟圖片。
當每個步驟都有示意圖時，使用者可以在輪轉介面中預覽圖片。
Howtotieatie
{
"@context":"https://schema.org",
"@type":"HowTo",
"image":{
"@type":"ImageObject",
"url":"https://example.com/1x1/photo.jpg"
},
"name":"Howtotieatie",
"totalTime":"PT2M",
"video":{
"@type":"VideoObject",
"name":"TieaTie",
"description":"Howtotieafour-in-handknot.",
"thumbnailUrl":"https://example.com/photos/photo.jpg",
"contentUrl":"http://www.example.com/videos/123_600x400.mp4",
"embedUrl":"http://www.example.com/videoplayer?id=123",
"uploadDate":"2019-01-05T08:00:00+08:00",
"duration":"P1MT10S"
},
"supply":[
{
"@type":"HowToSupply",
"name":"Atie"
},{
"@type":"HowToSupply",
"name":"Acollaredshirt"
}
],
"tool":[
{
"@type":"HowToTool",
"name":"Amirror"
}
],
"step":[
{
"@type":"HowToStep",
"name":"Preparations",
"text":"Buttonyourshirthowyou'dliketowearit,thendrapethetiearoundyourneck.Makethethickendabout1/3rdlongerthantheshortend.Forformalbuttondownshirts,itusuallyworksbestwiththesmallendofthetiebetween4thand5thbutton.",
"image":"https://example.com/1x1/step1.jpg",
"url":"https://example.com/tie#step1"
},{
"@type":"HowToStep",
"name":"Crossingonce",
"text":"Crossthelongendovertheshortend.Thiswillformthebasisforyourknot.",
"image":"https://example.com/1x1/step2.jpg",
"url":"https://example.com/tie#step2"
},{
"@type":"HowToStep",
"name":"Secondcrossing",
"text":"Bringthelongendbackundertheshortend,thenthrowitbackoverthetopoftheshortendintheotherdirection.",
"image":"https://example.com/1x1/step3.jpg",
"url":"https://example.com/tie#step3"
},{
"@type":"HowToStep",
"name":"Loopin",
"text":"Nowpullthelongendthroughtheloopnearyourneck,forminganotherloopnearyourneck.",
"image":"https://example.com/1x1/step4.jpg",
"url":"https://example.com/tie#step4"
},{
"@type":"HowToStep",
"name":"Pullandtighten",
"text":"Pullthelongendthroughthatnewloopandtightentofit!",
"image":"https://example.com/1x1/step5.jpg",
"url":"https://example.com/tie#step5"
}
]
}
Howtotieatie
{
"@context":"https://schema.org",
"@type":"HowTo",
"image":{
"@type":"ImageObject",
"url":"https://example.com/1x1/photo.jpg"
},
"name":"Howtotieatie",
"totalTime":"PT2M",
"video":{
"@type":"VideoObject",
"name":"TieaTie",
"description":"Howtotieafour-in-handknot.",
"thumbnailUrl":"https://example.com/photos/photo.jpg",
"contentUrl":"http://www.example.com/videos/123_600x400.mp4",
"embedUrl":"http://www.example.com/videoplayer?id=123",
"uploadDate":"2019-01-05T08:00:00+08:00",
"duration":"P1MT10S"
},
"supply":[
{
"@type":"HowToSupply",
"name":"Atie"
},{
"@type":"HowToSupply",
"name":"Acollaredshirt"
}
],
"tool":[
{
"@type":"HowToTool",
"name":"Amirror"
}
],
"step":[
{
"@type":"HowToStep",
"name":"Preparations",
"text":"Buttonyourshirthowyou'dliketowearit,thendrapethetiearoundyourneck.Makethethickendabout1/3rdlongerthantheshortend.Forformalbuttondownshirts,itusuallyworksbestwiththesmallendofthetiebetween4thand5thbutton.",
"image":"https://example.com/1x1/step1.jpg",
"url":"https://example.com/tie#step1"
},{
"@type":"HowToStep",
"name":"Crossingonce",
"text":"Crossthelongendovertheshortend.Thiswillformthebasisforyourknot.",
"image":"https://example.com/1x1/step2.jpg",
"url":"https://example.com/tie#step2"
},{
"@type":"HowToStep",
"name":"Secondcrossing",
"text":"Bringthelongendbackundertheshortend,thenthrowitbackoverthetopoftheshortendintheotherdirection.",
"image":"https://example.com/1x1/step3.jpg",
"url":"https://example.com/tie#step3"
},{
"@type":"HowToStep",
"name":"Loopin",
"text":"Nowpullthelongendthroughtheloopnearyourneck,forminganotherloopnearyourneck.",
"image":"https://example.com/1x1/step4.jpg",
"url":"https://example.com/tie#step4"
},{
"@type":"HowToStep",
"name":"Pullandtighten",
"text":"Pullthelongendthroughthatnewloopandtightentofit!",
"image":"https://example.com/1x1/step5.jpg",
"url":"https://example.com/tie#step5"
}
]
}
以下示範的是以微資料格式呈現的操作說明網頁，附有步驟圖片。
當每個步驟都有示意圖時，使用者可以在輪轉介面中預覽圖片。
Howtotieatie
Howtotieatie
About2minutes
NecessaryItems:
Atie
AcollaredShirt
Amirror
Buttonyourshirthowyou'dliketowearit,thendrapethetiearoundyourneck.Makethethickendabout1/3rdlongerthantheshortend.Forformalbuttondownshirts,itusuallyworksbestwiththesmallendofthetiebetween4thand5thbutton.
https://example.com/1x1/photo1.jpg
Crossingonce
Crossthelongendovertheshortend.Thiswillformthebasisforyourknot.
https://example.com/1x1/photo2.jpg
Secondcrossing
Bringthelongendbackundertheshortend,thenthrowitbackoverthetopoftheshortendintheotherdirection.
https://example.com/1x1/photo3.jpg
Loopin
Nowpullthelongendthroughtheloopnearyourneck,forminganotherloopnearyourneck.
https://example.com/1x1/photo4.jpg
Pullandtighten
Pullthelongendthroughthatnewloopandtightentofit!
https://example.com/1x1/photo5.jpg
Howtotieatie
Howtotieatie
About2minutes
NecessaryItems:
Atie
AcollaredShirt
Amirror
Buttonyourshirthowyou'dliketowearit,thendrapethetiearoundyourneck.Makethethickendabout1/3rdlongerthantheshortend.Forformalbuttondownshirts,itusuallyworksbestwiththesmallendofthetiebetween4thand5thbutton.
https://example.com/1x1/photo1.jpg
Crossingonce
Crossthelongendovertheshortend.Thiswillformthebasisforyourknot.
https://example.com/1x1/photo2.jpg
Secondcrossing
Bringthelongendbackundertheshortend,thenthrowitbackoverthetopoftheshortendintheotherdirection.
https://example.com/1x1/photo3.jpg
Loopin
Nowpullthelongendthroughtheloopnearyourneck,forminganotherloopnearyourneck.
https://example.com/1x1/photo4.jpg
Pullandtighten
Pullthelongendthroughthatnewloopandtightentofit!
https://example.com/1x1/photo5.jpg
附有影片的How-to複合式搜尋結果
以下示範的是以JSON-LD格式呈現的操作說明網頁，內文由文字、圖片和短片構成。
HowtocreateaTriviaaction
{
"@context":"https://schema.org",
"@type":"HowTo",
"image":{
"@type":"ImageObject",
"url":"https://example.com/1x1/photo.jpg"
},
"name":"HowtocreateaTriviaaction",
"totalTime":"PT2M",
"video":{
"@type":"VideoObject",
"name":"BuildaTriviaGamefortheGoogleAssistantwithNoCode",
"description":"LearnhowtocreateaTriviaactionforAssistantwithinminutes.",
"thumbnailUrl":"https://example.com/photos/photo.jpg",
"contentUrl":"https://www.youtube.com/watch?v=4AOI1tZrgMI",
"embedUrl":"https://www.youtube.com/embed/4AOI1tZrgMI",
"uploadDate":"2019-01-05T08:00:00+08:00",
"duration":"P1MT10S",
"hasPart":[
{
"@type":"Clip",
"@id":"Clip1",
"name":"OpenActionsonGoogleConsole",
"startOffset":29,
"endOffset":36,
"url":"http://www.example.com/example&t=29"
},
{
"@type":"Clip",
"@id":"Clip2",
"name":"SelectTriviaTemplate",
"startOffset":36,
"endOffset":45,
"url":"http://www.example.com/example&t=36"
},
{
"@type":"Clip",
"@id":"Clip3",
"name":"ChooseaPersonality",
"startOffset":45,
"endOffset":65,
"url":"http://www.example.com/example&t=45"
},
{
"@type":"Clip",
"@id":"Clip4",
"name":"Feedyourcontent",
"startOffset":65,
"endOffset":154,
"url":"http://www.example.com/example&t=65"
},
{
"@type":"Clip",
"@id":"Clip5",
"name":"Createtheaction",
"startOffset":154,
"endOffset":172,
"url":"http://www.example.com/example&t=154"
},
{
"@type":"Clip",
"@id":"Clip6",
"name":"Testyouraction",
"startOffset":172,
"endOffset":212,
"url":"http://www.example.com/example&t=172"
},
{
"@type":"Clip",
"@id":"Clip7",
"name":"Submityouraction",
"startOffset":212,
"endOffset":285,
"url":"http://www.example.com/example&t=212"
}
]
},
"step":[
{
"@type":"HowToStep",
"name":"OpenActionsonGoogleConsole",
"text":"Navigatetohttps://console.actions.google.comtogetstarted.",
"image":"https://example.com/1x1/step1.jpg",
"url":"https://example.com/tie#step1",
"video":{
"@id":"Clip1"
}
},
{
"@type":"HowToStep",
"name":"SelectTriviaTemplate",
"text":"CreateanewprojectandselectTemplates|YouhaveachoicetoselectbetweenTrivia,FlashcardorPersonalityQuiz.",
"image":"https://example.com/1x1/step2.jpg",
"url":"https://example.com/tie#step2",
"video":{
"@id":"Clip2"
}
},
{
"@type":"HowToStep",
"name":"ChooseaPersonality",
"text":"Selectoneofthethreepersonalities-Mr,Montgomery,RegalQueen,ortheTriviaBot.",
"image":"https://example.com/1x1/step3.jpg",
"url":"https://example.com/tie#step3",
"video":{
"@id":"Clip3"
}
},
{
"@type":"HowToStep",
"name":"Feedyourcontent",
"itemListElement":[
{
"@type":"HowToDirection",
"text":"Makeacopyofourpre-filledsheetandreplacewithyourcontent."
},
{
"@type":"HowToDirection",
"text":"Ensureyoumakethesheetpubliclyaccessible.CopytheURLofthesheetandpasteitintotheConsole."
}
],
"image":"https://example.com/1x1/step4.jpg",
"url":"https://example.com/tie#step4",
"video":{
"@id":"Clip4"
}
},
{
"@type":"HowToStep",
"name":"Createtheaction",
"text":"Createtheaction.Oncecontentissuccessfullyuploaded,itwilltakecoupleofminutestocreatetheaction.",
"image":"https://example.com/1x1/step5.jpg",
"url":"https://example.com/tie#step5",
"video":{
"@id":"Clip5"
}
},
{
"@type":"HowToStep",
"name":"Testyouraction",
"text":"NavigatetotheSimulatortotestyouractionandsimulatevarioussurfaces,locationsandlocales.",
"image":"https://example.com/1x1/step6.jpg",
"url":"https://example.com/tie#step6",
"video":{
"@id":"Clip6"
}
},
{
"@type":"HowToStep",
"name":"Submityouraction",
"text":"Onceyoucompletedirectoryinformationandinvocationnames,submityouractionforallAssistantuserstoseeanduseyouraction.",
"image":"https://example.com/1x1/step7.jpg",
"url":"https://example.com/tie#step7",
"video":{
"@id":"Clip7"
}
}
]
}
HowtocreateaTriviaaction
{
"@context":"https://schema.org",
"@type":"HowTo",
"image":{
"@type":"ImageObject",
"url":"https://example.com/1x1/photo.jpg"
},
"name":"HowtocreateaTriviaaction",
"totalTime":"PT2M",
"video":{
"@type":"VideoObject",
"name":"BuildaTriviaGamefortheGoogleAssistantwithNoCode",
"description":"LearnhowtocreateaTriviaactionforAssistantwithinminutes.",
"thumbnailUrl":"https://example.com/photos/photo.jpg",
"contentUrl":"https://www.youtube.com/watch?v=4AOI1tZrgMI",
"embedUrl":"https://www.youtube.com/embed/4AOI1tZrgMI",
"uploadDate":"2019-01-05T08:00:00+08:00",
"duration":"P1MT10S",
"hasPart":[
{
"@type":"Clip",
"@id":"Clip1",
"name":"OpenActionsonGoogleConsole",
"startOffset":29,
"endOffset":36,
"url":"http://www.example.com/example&t=29"
},
{
"@type":"Clip",
"@id":"Clip2",
"name":"SelectTriviaTemplate",
"startOffset":36,
"endOffset":45,
"url":"http://www.example.com/example&t=36"
},
{
"@type":"Clip",
"@id":"Clip3",
"name":"ChooseaPersonality",
"startOffset":45,
"endOffset":65,
"url":"http://www.example.com/example&t=45"
},
{
"@type":"Clip",
"@id":"Clip4",
"name":"Feedyourcontent",
"startOffset":65,
"endOffset":154,
"url":"http://www.example.com/example&t=65"
},
{
"@type":"Clip",
"@id":"Clip5",
"name":"Createtheaction",
"startOffset":154,
"endOffset":172,
"url":"http://www.example.com/example&t=154"
},
{
"@type":"Clip",
"@id":"Clip6",
"name":"Testyouraction",
"startOffset":172,
"endOffset":212,
"url":"http://www.example.com/example&t=172"
},
{
"@type":"Clip",
"@id":"Clip7",
"name":"Submityouraction",
"startOffset":212,
"endOffset":285,
"url":"http://www.example.com/example&t=212"
}
]
},
"step":[
{
"@type":"HowToStep",
"name":"OpenActionsonGoogleConsole",
"text":"Navigatetohttps://console.actions.google.comtogetstarted.",
"image":"https://example.com/1x1/step1.jpg",
"url":"https://example.com/tie#step1",
"video":{
"@id":"Clip1"
}
},
{
"@type":"HowToStep",
"name":"SelectTriviaTemplate",
"text":"CreateanewprojectandselectTemplates|YouhaveachoicetoselectbetweenTrivia,FlashcardorPersonalityQuiz.",
"image":"https://example.com/1x1/step2.jpg",
"url":"https://example.com/tie#step2",
"video":{
"@id":"Clip2"
}
},
{
"@type":"HowToStep",
"name":"ChooseaPersonality",
"text":"Selectoneofthethreepersonalities-Mr,Montgomery,RegalQueen,ortheTriviaBot.",
"image":"https://example.com/1x1/step3.jpg",
"url":"https://example.com/tie#step3",
"video":{
"@id":"Clip3"
}
},
{
"@type":"HowToStep",
"name":"Feedyourcontent",
"itemListElement":[
{
"@type":"HowToDirection",
"text":"Makeacopyofourpre-filledsheetandreplacewithyourcontent."
},
{
"@type":"HowToDirection",
"text":"Ensureyoumakethesheetpubliclyaccessible.CopytheURLofthesheetandpasteitintotheConsole."
}
],
"image":"https://example.com/1x1/step4.jpg",
"url":"https://example.com/tie#step4",
"video":{
"@id":"Clip4"
}
},
{
"@type":"HowToStep",
"name":"Createtheaction",
"text":"Createtheaction.Oncecontentissuccessfullyuploaded,itwilltakecoupleofminutestocreatetheaction.",
"image":"https://example.com/1x1/step5.jpg",
"url":"https://example.com/tie#step5",
"video":{
"@id":"Clip5"
}
},
{
"@type":"HowToStep",
"name":"Testyouraction",
"text":"NavigatetotheSimulatortotestyouractionandsimulatevarioussurfaces,locationsandlocales.",
"image":"https://example.com/1x1/step6.jpg",
"url":"https://example.com/tie#step6",
"video":{
"@id":"Clip6"
}
},
{
"@type":"HowToStep",
"name":"Submityouraction",
"text":"Onceyoucompletedirectoryinformationandinvocationnames,submityouractionforallAssistantuserstoseeanduseyouraction.",
"image":"https://example.com/1x1/step7.jpg",
"url":"https://example.com/tie#step7",
"video":{
"@id":"Clip7"
}
}
]
}
以下示範的是以微資料格式呈現的操作說明網頁，由文字、圖片和短片構成。
HowtocreateaTriviaaction
HowtocreateaTriviaaction
About2minutes
OpenActionsonGoogleConsole
29
36
http://www.example.com/example&t=29
SelectTriviaTemplate
36
45
http://www.example.com/example&t=36
ChooseaPersonality
45
65
http://www.example.com/example&t=45
Feedyourcontent
65
154
http://www.example.com/example&t=65
Createtheaction
154
172
http://www.example.com/example&t=154
Testyouraction
172
212
http://www.example.com/example&t=172
Submityouraction
212
285
http://www.example.com/example&t=212
OpenActionsonGoogleConsole
Navigatetohttps://console.actions.google.comtogetstarted.
https://example.com/1x1/photo1.jpg
SelectTriviaTemplate
CreateanewprojectandselectTemplates|YouhaveachoicetoselectbetweenTrivia,FlashcardorPersonalityQuiz.
https://example.com/1x1/photo2.jpg
ChooseaPersonality
Selectoneofthethreepersonalities-Mr,Montgomery,RegalQueen,ortheTriviaBot.
https://example.com/1x1/photo3.jpg
Feedyourcontent
Makeacopyofourpre-filledsheetandreplacewithyourcontent.
Ensureyoumakethesheetpubliclyaccessible.CopytheURLofthesheetandpasteitintotheConsole.
https://example.com/1x1/photo4.jpg
Createtheaction
Createtheaction.Oncecontentissuccessfullyuploaded,itwilltakecoupleofminutestocreatetheaction.
https://example.com/1x1/photo5.jpg
Testyouraction
PNavigatetotheSimulatortotestyouractionandsimulatevarioussurfaces,locationsandlocales.
https://example.com/1x1/photo6.jpg
Submityouraction
Onceyoucompletedirectoryinformationandinvocationnames,submityouractionforallAssistantuserstoseeanduseyouraction.
https://example.com/1x1/photo7.jpg
HowtocreateaTriviaaction
HowtocreateaTriviaaction
About2minutes
OpenActionsonGoogleConsole
29
36
http://www.example.com/example&t=29
SelectTriviaTemplate
36
45
http://www.example.com/example&t=36
ChooseaPersonality
45
65
http://www.example.com/example&t=45
Feedyourcontent
65
154
http://www.example.com/example&t=65
Createtheaction
154
172
http://www.example.com/example&t=154
Testyouraction
172
212
http://www.example.com/example&t=172
Submityouraction
212
285
http://www.example.com/example&t=212
OpenActionsonGoogleConsole
Navigatetohttps://console.actions.google.comtogetstarted.
https://example.com/1x1/photo1.jpg
