{"id":799939,"date":"2021-03-18T22:03:44","date_gmt":"2021-03-18T22:03:44","guid":{"rendered":"https:\/\/rankmath.com\/?post_type=ht_kb&p=799939"},"modified":"2023-06-01T05:24:47","modified_gmt":"2023-06-01T05:24:47","slug":"import-schema-markup","status":"publish","type":"ht_kb","link":"https:\/\/rankmath.com\/de\/kb\/import-schema-markup\/","title":{"rendered":"How to Import JSON-LD Schema Markup With Rank Math"},"content":{"rendered":"

In this knowledgebase article, we’ll walk you through how you can use Rank Math PRO<\/a><\/strong> to import JSON-LD Schema-Markup<\/a>.<\/p>\n\n\n

\"Simple
<\/i><\/div><\/div><\/div><\/div>\n\n\n
\n

Inhaltsverzeichnis<\/h2>\n
    \n
  1. What is JSON-LD Markup?<\/a><\/li>\n
  2. How to Import JSON-LD Schema with Rank Math<\/a><\/li>\n<\/ol>\n<\/div>\n\n\n\n

    What is JSON-LD Markup?<\/h2>\n\n\n\n

    JSON-LD or J<\/strong>avaS<\/strong>cript \u00d6<\/strong>bject N<\/strong>otation for L<\/strong>inked D<\/strong>ata is a lightweight data interchangeable format that uses the vocabulary of Schema.org<\/a> to describe what a web page is about. <\/p>\n\n\n\n

    JSON-LD is used in the page in such a way that it does not impact the existing HTML structure and tags. Web- developers use JSON-LD as it follows the JSON syntax and is simple to implement. JSON-LD helps to create an overall better web by annotating the elements on a page and structuring the data which is further used by the search engines to organize and connect data easily.<\/p>\n\n\n\n

    How to Import JSON-LD Schema With Rank Math<\/h2>\n\n\n\n

    Before importing Schema from HTML code please ensure that you’ve enabled the Schema module from Rank Math SEO \u2192 Dashboard \u2192 Module<\/strong> section. The import feature of the Schema Module is available only in the PRO version of Rank Math. We recommend installing the\u00a0Rank Math PRO<\/a>\u00a0plugin to make the most of the Schemas supported by the plugin.<\/p>\n\n\n\n

    If you’re using the Schema Markup for the very first time, we recommend you to go through our massive guide on Configuring Schema Markup<\/a> with the help of the Rank Math plugin. <\/p>\n\n\n\n

    Without further ado, let’s walk you through the steps on how to import JSON-LD Schema using Rank Math:<\/p>\n\n\n\n

    1<\/span> Navigate to the Schema Generator<\/h3>\n\n\n\n

    At first, navigate to your post editing screen. Then open Rank Math in the Gutenberg sidebar by clicking on the Rank Math SEO icon for the page. Or you can also click the three vertical dots in the top right-hand corner of the edit page and select Rank Math in the Plugins <\/strong>section \u2013 as shown below:<\/p>\n\n\n\n

    \"Klicken<\/figure>\n\n\n\n

    Then in the Schema tab of Rank Math’s meta box, click on Schema-Generator.<\/strong><\/p>\n\n\n\n

    \"Klicken<\/figure>\n\n\n\n

    2<\/span> Navigate to the Import Tab<\/h3>\n\n\n\n

    Klick auf das Importieren<\/strong> tab in the Schema Generator. <\/p>\n\n\n\n

    \"Click<\/figure>\n\n\n\n

    3<\/span> Select the JSON-LD\/Custom Code Option in the Import Tab<\/h3>\n\n\n\n

    In the Import tab, select JSON-LD\/Custom Code<\/strong> option from the drop-down list as shown below:<\/p>\n\n\n\n

    \"Select<\/figure>\n\n\n\n

    4<\/span> Enter the JSON-LD\/Custom Code<\/h3>\n\n\n\n

    To find the JSON-LD code on a webpage, right-click and select Show Page Source <\/strong>(the exact word may differ depending on the browser). <\/p>\n\n\n\n

    \"Show<\/figure>\n\n\n\n

    Once done, navigate to the Source page, and in the search bar, paste the below code:<\/p>\n\n\n\n

    <script type=\"application\/ld+json\"><\/code><\/pre>\n\n\n\n
    The JSON-LD code on the webpage will be highlighted. You need to copy the entire JSON-LD code and paste it into Rank Math.<\/p>\n\n\n\n
    \"copy<\/figure>\n\n\n\n
    Next, copy and paste the JSON-LD Custom Code<\/strong> in the corresponding box and click on Process Code<\/strong>.<\/p>\n\n\n\n
    \"Enter<\/figure>\n\n\n\n
    5<\/span>  Select the Schema<\/strong><\/h3>\n\n\n\n
    Once you click on Process Code, the Schema will be imported within a fraction of a second. Click Verwenden <\/strong>to use whichever Schema you want, as shown below.<\/p>\n\n\n\n
    \"Use<\/figure>\n\n\n\n
    6<\/span>  Modify the Schema<\/strong><\/h3>\n\n\n\n
    You can modify the Schema to suit your site. However, do not modify the @Art<\/strong> property. Once done, click F\u00fcr diesen Beitrag speichern<\/strong>, Wie nachfolgend dargestellt. <\/p>\n\n\n\n
    \"modify<\/figure>\n\n\n\n
    7<\/span>  Validate the Schema<\/strong><\/h3>\n\n\n\n
    To confirm your Schema is correctly set up, click the Eye <\/strong>icon, as shown below.<\/p>\n\n\n\n
    \"Click<\/figure>\n\n\n\n
    Dann klick Test with Google<\/strong>, Wie nachfolgend dargestellt.<\/p>\n\n\n\n
    \"click<\/figure>\n\n\n\n
    Once done, click TEST CODE<\/strong>, Wie nachfolgend dargestellt.<\/p>\n\n\n\n
    \"Test<\/figure>\n\n\n\n
    You will be presented with the validity of the structured data. <\/p>\n\n\n\n