Does My Website Need Structured Data?

Yes, most of you should be using Structured Data on your website. Structured data is the preferred way to communicate with search bots the who, what, how, where and why about your business. In this article we'll show you how to create structured data, implement it into your website and test it before deploying live to the web, ensuring the absolute best practices of Structured Data useage.

Benefits of Structured Data:

Better Search Features on Google

Google is offering enhanced search features to help users find high quality content offerings by websites and progressive web apps.

Google will parse and index structured data that conforms to the schema.org standard. Developers can use the microdata format or the newer JSON-LD format. We recommend the use of the newer standard as it provides some additional meta-data benefits to developers.

JSON-LD (JavaScript Object Notation for Linked Data) is the preferred means by delivering this structured data in a consistent way. The consistency is combined with a semantic outline that Google can count on to deliver these new ‘rich cards’ in search. The syntax mandates linked data format that provides the idea and context it’s used within to determine vocabulary for types and properties.

Although you can implement Structured Data in other ways, Google recommends using JSON for Linking Data. Check out Google’s Search Recommendations on Structured Data and Google’s Recommendatons related to Web Fundamentals to learn more about Structured Data and the various types and means of implementing them into your website.

Company Logo Structured Data

Google recommends placing JSON for Linking Data inside the head tags, but it can reside in the body.

    <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "url": "https://example.com",
      "logo": "https://example.com/logo.jpg"
    }
    </script>

Now, visit Google Structured Data Testing Tool and Example Organization Structured Data Testing Tool Success Image.

Product Structured Data Example

2020 Toyota Camry can show up in regular search results at the top of the page in the rich cards results.

    <script type="application/ld+json">
      {
        "@context": "http://schema.org/",
        "@type": "Product",
        "name": "2020 Toyota Camry",
        "image": "https://.toyota.com/images/2015_Toyota_Camry_XLE.jpg",
        "description": "Sleeker, more efficient with better mileage while boasting more power, 
        the 2020 Toyota Camry is ready to reward your journey.",
        "mpn": "23070",
        "brand": {
          "@type": "Car",
          "name": "Toyota Camry"
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.9",
          "reviewCount": "89"
        },
        "offers": {
          "@type": "Offer",
          "priceCurrency": "USD",
          "price": "22900.99",
          "priceValidUntil": "2020-12-31",
          "itemCondition": "http://schema.org/NewCondition",
          "availability": "http://schema.org/InStock",
          "seller": {
            "@type": "Organization",
            "name": "Ficticious Toyota Fort Wayne"
          }
        }
      }
      </script>

Person Type used with Affiliation to a business of JSON-LD

      <script type="application/ld+json">
      {
      "@context": "http://schema.org",
        "@type": "Person",
        "name": "Ken W. Button",
        "jobTitle": "Owner",
        "affiliation": "Cloud Radix",
        "additionalName": "Ken",
        "url": "https://cloudradix.com",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "107 E. 9th St",
          "addressLocality": "Auburn",
          "addressRegion": "Indiana"
        }
      }    
      </script>

Notice the @context using the schema.org authoritative definitions and then the means of using the @type to define sets of data such as Person information with affiliation and Address information.

Webpage use of JSON-LD

    <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "url": "https://cloudradix.com",
      "contactPoint": [{
        "@type": "ContactPoint",
        "telephone": "+1-260-577-3009",
        "contactType": "customer service"
      }]
    }
    </script>

Using @type “NewsArticle” with JSON-LD

    <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "NewsArticle",
      "mainEntityOfPage": "https://webdesignexperience.com/2016/10/22/how-do-I-add-structured-data.html",
      "headline": "How to add & test structured data?",
      "datePublished": "2016-10-22T00:00:00-04:30",
      "dateModified": "2016-10-22T00:00:00-04:30",
      "description": "Enhance your search by using structured data on your website or progressive web app pages.  Test your structured data using Google's Structured Data Testing Tool..",
      "author": {
        "@type": "Person",
        "name": "Ken W. Button"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Web Design Experience",
        "logo": {
          "@type": "ImageObject",
          "url": "https://firebasestorage.googleapis.com/v0/b/appsradix.appspot.com/o/images%2Flogo.jpg?alt=media&token=ffa81bd2-ca41-4eb0-810d-3e7366ebf279",
          "width": "60",
          "height": "60"
        }
      },
      "image": {
        "@type": "ImageObject",
        "url": "https://firebasestorage.googleapis.com/v0/b/appsradix.appspot.com/o/images%2Flogo.jpg?alt=media&token=ffa81bd2-ca41-4eb0-810d-3e7366ebf279",
        "height": "60",
        "width": "60"
      }
    }
    </script>

Video: Structured data testing tool

Watch the video below and then click this Structured Data Testing Tool by Google link

Showing how to test web page structured data. Test using Google’s free structured data testing tool.

Back to Blog Services Showcase Resources Quote Request