What is JSON-LD? How Can I Use it on my Website? - WordLift
文章推薦指數: 80 %
JSON-LD is a lightweight Linked Data format to easily read and write structured data on the web using open vocabularies like schema.org. Recommended by the ... JSON-LD WhatisJSON-LD? JSON-LDisa lightweight LinkedDataformat toeasily readandwritestructureddataonthewebusingopenvocabularies likeschema.org.RecommendedbytheWorldWideWebConsortium,JSON-LDistheheiroftheJSONformatandallowslinked datatooperateinaWeb-scaleenvironment.Theideabehindthisnotationistoprovidesearchengines with contextualinformation aboutawebpageusingsemanticwebtechnologies.Thishelpstoimprovethematchbetweentheintentofthesearcherandthecontentbeingpublished. HowcanIuseJSON-LDonmywebsite? JSONhasbeentraditionallyusedbyUXdesignerstofeedwidgetswithdata.WiththeadventofJSON-LD,developerscan reusethis samedatastructurestocreatenewfront-end UIwidgetsaswellas feeding searchenginecrawlerswiththemetadatathatdescribethe exactmeaningofpage’scontent. JSON-LDusesthevocabularyof Schema.org to describewhatawebpageisabout.Apresentationlayercanbeaddedwith customUIelementsdevelopedineither Polymer or Reactcomponents. HowcanIaddJSON-LDtomyWordPresswebsite? Therearevariouspluginto include Schema.org JSON-LDsyntaxmarkupto yourWordPresswebsite.WordLiftisoneofthese optionsthataboveallhastheadvantageofaddingthistagsautomaticallybasedontheanalysisofthecontentbeingwritten.WordLiftusesNaturalLanguageProcessingtoextractnamedentitiesthatareproposedtotheeditor totaghis/hercontent. TheseentitieshaveuniqueIDs(uniqueresourceidentifier)inthewebofdata,withthisIDsWordLiftextractstheinformationandautomaticallyinjectsitinthewebpagesusingJSON-LD. Whatif–instead–you’dliketogiveyourreaderstheopportunitytogodeeperintosomeentity,butdon’twantthemtoleaveyourarticle?Well,wearealsothinkingaboutthat… Howtoreusethemetadataaboutanentityinthefront-endofyourwebsite SeethePenParsingJSON-LDbynicolabertelloni(@wanbinkimoon)onCodePen. WhyisJSON-LDthebestformatforstructureddata? TheadvantagesofusingJSON-LDtowritestructureddatacomparedtootherformatslikemicrodata arethefollowing: Itdoesnotaffecttheperformanceofthepagebecauseitcanbeloadedasynchronously ItisinjectedinthepagewithoutimpactingontheexistingHTMLstructureandtags ItiseasytobereusedbywebdevelopersasitfollowstheJSONsyntax Itleveragesonlinkeddata ThatisalsowhyGoogleincentiveswebsitesownerstousestructureddataonawebpageintheformofJSON-LD.Thisformatallowsentities,thereforeconceptstobecomelinked. MustReadContent WhyDoWeNeedKnowledgeGraphs?LearnwhataknowledgegraphbringstoSEOwithTeodoraPetkova 2xYourVideoSEOin3SimpleStepsUsevideostoincreasetraffictoyourwebsites SEOAutomationin2021ImprovetheSEOofyourwebsitethroughArtificialIntelligence ThePowerofProductKnowledgeGraphforE-commerceDivedeepintothepowerofdatafore-commerce TouchyourSEO:IntroducingPhysicalSEOConnectaphysicalproducttotheecosystemofdataontheweb AreyoureadyforthenewSEO?TryWordLiftnow! Free14-daytrial Name EmailAddress Chooseyourpreferredlanguage English Italian LearnhowtousestructureddatatogetbetterSEOrankings.PracticalSEOtips,webinars,andcasestudiesrightinyourinboxonceaweek. Joinus! Congratsyouarein! Standoutonsearchin2019.Get50%offWordLiftuntilJanuary7thBuyNow! x
延伸文章資訊
- 1JSON-LD, 決定未來SEO 的25 項標準與通訊協定系列II
RDF 是一種將網頁的資料交換格式將之標準化, 而其中是把是把語意(Semantic) 的大綱(Schema) 將概念連結起來, 透過一個有方向的標籤結構圖, 把資源給串起來而容易了解其意義 ...
- 2Schema Markup Generator (JSON-LD) | TechnicalSEO.com
A Schema.org structured data generator that supports the creation of JSON-LD markups. Including a...
- 3使用JSON-LD 處理SEO,並讓Google 針對不同形式網站做 ...
最近在開發AMP 時才發現到JSON-LD 這東西,又為了要處理SEO 所以特別去看了一下 ... 欄位說明,而JSON-LD 標準的欄位其實多到數不完,詳細可以參考https://schema...
- 4瞭解結構化資料的運作方式| Google 搜尋中心| 說明文件
舉例來說,食譜網頁可能會出現以下JSON-LD 結構化資料程式碼片段,介紹食譜的 ... 的說明文件,並以Google 搜尋中心說明文件為最終參考指南。schema.org 上有許多屬性 ...
- 5What is JSON-LD? How Can I Use it on my Website? - WordLift
JSON-LD is a lightweight Linked Data format to easily read and write structured data on the web u...