使用JSON-LD 處理結構化資料，優化SEO | 文章

JSON-LD 的全名為JavaScript Object Notation for Linked Data，大家就知道是用來讓google 更了解你的網站內容結構就好了。

使用方法就是在網頁上加上 ... 會員登入 × facebook登入 工具 文章 網路資源 FlickrLinkr 關於 登入 工具 文章 FlickrLinkr 網路資源 關於 工程師的麻煩在於，你無法弄清他在折騰什麼，當你最終弄明白時，也許已經太遲了。

文章彙整 文章 使用JSON-LD處理結構化資料，優化SEO 使用JSON-LD處理結構化資料，優化SEO 分享： 2020-04-2023:11:30 標籤： SEO JSON-LD 在google搜尋的時候，如果希望搜尋的結果更容易被google分析，以往會使用Microdata的方式，但Microdata要設置比較麻煩也需要花點時間才能理解，後來就有JSON-LD的方式，因為他是使用JSON的格式，相較起來真的好理解許多，而且用起來的效果跟Microdata差不多，如果希望自己做的網站內容在搜尋結果上能更清楚，就可以在頁面上加一下JSON-LD。

JSON-LD的全名為JavaScriptObjectNotationforLinkedData，大家就知道是用來讓google更了解你的網站內容結構就好了。

使用方法就是在網頁上加上這段 //你的結構化資料   結構化資料大概會長這樣 { "@context":"https://json-ld.org/contexts/person.jsonld", "@id":"http://dbpedia.org/resource/John_Lennon", "name":"JohnLennon", "born":"1940-10-09", "spouse":"http://dbpedia.org/resource/Cynthia_Lennon" }   想知道結構化的資料有哪些可以用，可以看https://schema.org/，不過真的很多我應該也是邊做邊看，另外想在google搜尋結果上有不一樣的呈現，可以看google的開發者文件。

像我的個人首頁就加上了這些資訊，包含了類型、標題、網址、社群網站網址還有顯示圖片等等。

  { "@context":"https://schema.org", "@type":"WebSite", "name":"紅色死神", "url":"https://www.wingzero.tw/", "sameAs":["https://www.facebook.com/deathhell", "https://www.instagram.com/deathhell/", "https://www.youtube.com/user/jshgwing", "https://www.flickr.com/photos/deathhell/"], "description":"我的興趣、工作與生活，這裡是紅色死神。

", "image":"https://www.wingzero.tw/asset/images/meta_image2.jpg" }    寫好後可以丟到結構化測試工具看結構對不對，如果正確的話會出現這樣的內容：   在google開發者文件裡有數十種例子，包含文章、課程、活動、商品等等，google也提到如果有做好設定，就有可能在搜尋結果出現像這樣的內容：     一開始使用上可能有點不習慣，但習慣後你會愛上他。

你可能也會喜歡的 [WordPressPlugin]Markup(JSON-LD)-在WordPress設定JSON-LD [SEO]網址該怎麼設計比較好 [SEO]向Google說明連出連結限制與用途 [SEO]在測試網站時避免Google搜尋排名被影響太大的最佳做法 [Chrome擴充功能]Checkbot-一鍵幫你檢查網站的SEO、速度及安全性 [SEO]如何檢查網址是否被google收錄 和我們交流 加入我們的社群，裡面會有一些技術的內容、有趣的技術梗，以及職缺的分享，歡迎和我們一起討論。

社團 社群 DeTools 紅色死神 紅色死神 是設計師、工程師也是講師，喜歡開發自己有興趣的網站以及做各種有趣的事情。

追蹤我 最新文章 政府資料開放平臺-提供政府相關公開資料的服務 SportradarSportsAPI-即時且完整的國際性賽事運動資料API WorldTimeAPI-簡單回傳時區與時間資訊的API Algolia–替代網站內建搜尋功能或google程式化搜尋引擎的另一種選擇 [PhpStorm]設定highlightjavascript CodeGuide-提供建議讓你的HTML及CSS可以寫得更好 JAVASCRIPT.INFO-完整的javascript教學資源網站 認識ProgressiveWebApp，什麼是PWA? 標籤雲 DaVinciResolve 3D Adobe AdobeXD AfterEffect AI ajax Alpine.js AMP amp-anim amp-img Animate.css Apache API AppUI apple AR array ASCII async axios bbs Blogger BOM bootstrap C Cache Canvas carousel CDN chart.js CHATKIT Chrome Chrome擴充功能 CMS codeigniter codingonline component composer contenteditable cookie cse CSS CSSFramework CSSSprite CSS3 CSV D3.js DarkMode Database datalist defer design designMode DevOps Discord DNS docker DOM domain DragandDrop ECPay eeGeo email Emmet emoji emojis ER圖 ES6 Excel exif fabric.js facebook favicon Figma FileAPI FinalCutPro flex flexbox flickr FlowChart font FontAwesome Framer FullCalendar GA GCP gd2 GeolocationAPI GIT Github githubpage GitLab google GoogleAdSense GoogleAnalytics GoogleAppsScript GoogleColab GoogleDataStudio GoogleDrive GoogleMaps GoogleMapsAPI GoogleSearchConsole GoogleTagManager Google試算表 grid GSAP GTM Highlighter highliter Hinet HMTL5 hosting HTML HTML5 HTML5API HTTPStatusCode https icon iconfont illustration IndexedDatabaseAPI IndexedDB instagram IntersectionObserverAPI iOS IxD JakobNielsen JAVA javacriptlibrary javascript javascriptlibrary jQuerryPlugin jQuery jQueryPlugin JSON JSON-LD LandingPage Laravel LaravelSail lazyload leaflet.js let lightbox Lighthouse line LinkedIn Linux list Livewire loading localstorage logo Mac manifest Map mapbox Markdown Math meta Migration MindMap Mockup Model moment.js mp3 MySQL Nginx Notification npm object OpenAPI openExternalBrowser OSI p5.js parcel.js parse_url Patterns PDO photoshop php PhpStorm Pintrest Pokémon preg_match PremierePro ProductDesign prototyping PTT PUSHER PWA Python QRCode React reCAPTCHA RegularExpression robots.txt RSS Ruby RWD Safari SASS SCSS SendGrid SEO Servicearchitecture ServiceWorker session sessionstorage Sharedworkers Shopofy shortcode Sitemap Sketch SonyVegas SSL StickyNotes SVG SVGSprite SVG.js tailwindcss Template Texture Three.js timestamp TutorLMS TweenMax twitter UI UIDesign UIGuideline UIKit UIKits UIPattern UML unicode Uniform Unix upload url UTM UX var Video VideoandAudioAPIs viewbox viewport VR VScode VSCode vue-cli vue-router Vue.js Vue3 Ｗ3Techs Web WebAPI WebApp WebDesign WebSocket WebStorage WebUI WebWorkers WebGIS WebGL webkit webp webpack Windows wingzero Wireframe WooCommerce wordpress WordPressPlugin WordPressTemplate WP_Query WYSIWYG XAMPP XML XSS youtube 中小學 互動設計 假圖 備份 免費字體 免費工具 免費空間 分享連結 前端 加密貨幣 動態效果 動畫 去背 向量圖 圖床 圖庫 圖片 圖片壓縮 壓縮圖片 多人協作 字型 字體 寄信服務 小畫家 影片 影片編輯 影音 影音轉檔 後端 手繪風格 技術 技術文件 投票 插畫 搜尋 效能調校 教學 日文字型 日系網站 時光機 時間 時間軸 格式轉換 桌布 機器人 瀏覽器 瀑布流 特效 產生器 留言板 社群分享 筆記 素材 綠界 維基 網站優化 網站存檔 網站排名 網站架設 網站狀態 網站背景 網路 網路資源 網頁小知識 網頁編輯器 線上工具 線上服務 線上聊天室 線上資源 編輯器 縮網址 繪圖 翻譯 背景 腳本 表情符號 視差滾動 解壓縮 論壇 資訊圖表 資訊視覺化 趨勢 軟體推薦 遊戲 配色 金流 關係圖 電商 電子書 靜態網站 音效 音樂 題庫 點陣圖 [AD2M-logo] [AD2M-image] [AD2M-thumb] 贊助 [AD2M-sponsor] [AD2M-title] [AD2M-text]