Scribd Logo
Upload

Welcome to Scribd!

  • Schema Markup

    Uploaded by

    Irfandi Makmur Putra
    10 views8 pages
    Schema markup is code that helps search engines understand the information on web pages. It can be used to display rich snippets and allow searches by elements like ingredients or cook time. Implementing schema involves choosing a schema type, adding JSON-LD or microdata to pages, and validating the markup. Schema benefits sites through increased click-through rates, visits, and user interaction on search results.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Schema markup is code that helps search engines understand the information on web pages. It can be used to display rich snippets and allow searches by elements like ingredients or cook time. Implementing schema involves choosing a schema type, adding JSON-LD or microdata to pages, and validating the markup. Schema benefits sites through increased click-through rates, visits, and user interaction on search results.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    10 views8 pages

    Schema Markup

    Uploaded by

    Irfandi Makmur Putra
    Schema markup is code that helps search engines understand the information on web pages. It can be used to display rich snippets and allow searches by elements like ingredients or cook time. Implementing schema involves choosing a schema type, adding JSON-LD or microdata to pages, and validating the markup. Schema benefits sites through increased click-through rates, visits, and user interaction on search results.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 8

    Schema Markup

    What is it and how to implement it?

    Irfandi Makmur Putra February 2024


    What it is
    Schema markup is code/structured
    data that helps search engines
    understand the information on a
    page. Google can use it to show
    rich results (also known as rich
    snippets).
    How it looks Structured Data

    <html>
    <head>
    <title>Apple Pie by Grandma</title>
    Screen Appeareance <script type="application/ld+json">
    {
    "@context": "https://schema.org/",
    "@type": "Recipe",
    "name": "Apple Pie by Grandma",
    "author": "Elaine Smith",
    "image": "https://images.edge-generalmills.com/56459281-6fe6-4d9d-984f-385c9488d824.jpg",
    "description": "A classic apple pie.",
    "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "7462",
    "bestRating": "5",
    "worstRating": "1"
    },
    "prepTime": "PT30M",
    "totalTime": "PT1H30M",
    "recipeYield": "8",
    "nutrition": {
    "@type": "NutritionInformation",
    "calories": "512 calories"
    },
    "recipeIngredient": [
    "1 box refrigerated pie crusts, softened as directed on box",
    "6 cups thinly sliced, peeled apples (6 medium)"
    ]
    }
    </script>
    </head>
    <body>
    </body>
    </html>
    Benefits
    Higher click-through rate Increase in visits. Higher interaction rate
    Rotten Tomatoes added The Food Network has converted Rakuten has found that users
    structured data to 100,000 80% of their pages to enable spend 1.5x more time on pages
    unique pages and measured a search features and has seen a that implemented structured
    25% higher click-through rate 35% increase in visits. data than on non-structured
    for pages enhanced with data pages, and have a 3.6x
    structured data, compared to higher interaction rate on AMP
    pages without structured data. pages with search features vs
    non-feature AMP pages.
    Types
    Article Course FAQs Job Posting Movie Review
    Breadcrumb Event HowTo Local Business Product Sitelinks search box
    Carousel Fact Check Image Metadata Logo Recipe Video

    Some Examples

    Article Rich Features FAQ Rich Featuresres Sitelinks Search Box


    A news, sports, or blog article displayed in A Frequently Asked Question (FAQ) page A search box that is scoped to your website
    various rich result features, such as the title of contains a list of questions and answers when it appears as a search result.
    the article and larger-than-thumbnail images. pertaining to a particular topic.
    How it works
    Google uses structured data that it finds on the web to understand the content of the page, as well as to gather
    information about the web and the world in general, such as information about the people, books, or companies
    that are included in the markup. Google Search also uses structured data to enable special search result features
    and enhancements.

    For example, a recipe page with valid structured data is eligible to appear in
    a graphical search result, as shown here:

    Structured Data Rich Features


    <html>
    <head>
    <title>Apple Pie by Grandma</title>
    <script type="application/ld+json">
    {
    "@context": "https://schema.org/",
    "@type": "Recipe",
    "name": "Apple Pie by Grandma",
    "author": "Elaine Smith",
    "image": "https://images.edge-generalmills.com/56459281-6fe6-4d9d-984f-385c9488d824.jpg",
    "description": "A classic apple pie.",
    Because the structured data labels
    each individual element of the
    "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "7462",
    "bestRating": "5",

    recipe, users can search for your


    "worstRating": "1"
    },
    "prepTime": "PT30M",
    "totalTime": "PT1H30M",
    "recipeYield": "8",

    recipe by ingredient, calorie count,


    "nutrition": {
    "@type": "NutritionInformation",
    "calories": "512 calories"
    },

    cook time, and so on.


    "recipeIngredient": [

    Gather
    "1 box refrigerated pie crusts, softened as directed on box",
    "6 cups thinly sliced, peeled apples (6 medium)"
    ]
    }
    </script>

    information
    </head>
    <body>
    </body>
    </html>
    How to implement it
    Choose specific schema types Add the code to your page Validate schema markup
    to add Most modern website content To check a single page’s schema
    Explore the list of structured management systems (CMSes) markup, you can use the
    data features in Google Search can add basic schema Schema Validator or Google’s
    and pick a feature to implement. implementation right out of the Rich Results Test tool.
    box. If using WordPress, you can
    opt for a plugin like Yoast SEO.

    You can refer to the Technical Guideline for implementation


    Thank You
    Irfandi Makmur Putra

    Irfandimp07@gmail.com
    +62-82240635451

    You might also like