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
延伸文章資訊
- 1Schema Markup Generator (JSON-LD) | TechnicalSEO.com
A Schema.org structured data generator that supports the creation of JSON-LD markups. Including a...
- 2瞭解結構化資料的運作方式| Google 搜尋中心| 說明文件
舉例來說,食譜網頁可能會出現以下JSON-LD 結構化資料程式碼片段,介紹食譜的 ... 的說明文件,並以Google 搜尋中心說明文件為最終參考指南。schema.org 上有許多屬性 ...
- 3JSON-LD Schema Generator For SEO - Hall Analysis
JavaScript Object Notation for Linked Data or JSON-LD, is a WC3 standard web site method of struc...
- 4JSON-LD, 決定未來SEO 的25 項標準與通訊協定系列II
RDF 是一種將網頁的資料交換格式將之標準化, 而其中是把是把語意(Semantic) 的大綱(Schema) 將概念連結起來, 透過一個有方向的標籤結構圖, 把資源給串起來而容易了解其意義 ...
- 5結構化資料之「商品」範例- 使用JSON-LD - Summer。桑莫 ...
至於資料格式種類和需要哪些欄位,Google 有很詳細的說明文件-Enabling Rich Snippets for Products,當然也可以參考更詳細的-Product - schema...