Trang chủ Tài Liệu - Hướng DẫnCách Làm SEO Schema images là gì? 10 loại schema hình ảnh phổ biến

Schema images là gì? 10 loại schema hình ảnh phổ biến

Schema hình ảnh là gì?

by Nguyễn Tất Thắng
124 views

Schema images hay còn gọi là schema hình ảnh (lược đồ dữ liệu hình ảnh). Nó là một thuộc tính bên trong của schema code.

Trong SEO nó mang công dụng lớn nhất khi tạo ra yếu tố nổi bật hình ảnh trên SERP của google.

Bài viết này IAC SEO giúp bạn hiểu đúng, hiểu đủ Schema images là gì? Nó có tác dụng gì trong SEO? Dùng nó trong những trường hợp nào? cùng bắt đầu ngay nhé.


Schema images là gì?

Schema images là một thuộc tính bên trong dữ liệu cấu trúc của một đối tượng schema make up nào đó. Nó góp phần tạo ra phần hiển thị nổi bật gây sự chú ý, sự khác biệt trên SERP và thu hút CTR người dùng click vào website.

schema images - schema hình ảnh
schema images – schema hình ảnh

Phần hiển thị nổi bật của schema hình ảnh khác với Future Snippet (FS). Nó được chủ động xuất hiện do chèn mã code còn FS thì do Google đề xuất.

Sử dụng schema images khi nào?

Với người SEO, chúng ta sử dụng schema hình ảnh với mong muốn tạo ra sự khác biệt trên SERP so với các kết quả còn lại.

Với Google thì:

  • Biết rõ hơn hình ảnh cụ thể bên trong bài đăng đó đang nói đến cái gì, đang nhắc tới điều gì.
  • Tốt cho SEO hình ảnh vì giúp google nhận diện dễ dàng hơn thông quá cá đặc tính bên trong mã code.

Code schema hình ảnh có thể đứng 1 mình cho biểu tượng logo hoặc hình ảnh nào đó. Do là một thuộc tính nên schema hình ảnh thường xyên được sử dụng lồng ghép vào nhiều loại schema khác nhau.

Công dụng chính của schema hình ảnh trong SEO

Một vài tác dụng chính mà schema images đem lại:

  • Làm hiển thị hình ảnh nôi bật trên kết quả tìm kiếm google
  • Tạo ra sự khác biệt đẹp mắt
  • Tăng khả năng CTR truy cập vào website
  • Giúp Google thông qua hình ảnh hiểu rõ bài viết và cải thiện thứ hạng từ khóa
  • Thúc đẩy index hình ảnh nhanh hơn

Trên chỉ là 1 vài công dụng chính. Nếu bạn đã am hiểu schema make up bạn sẽ tư duy được nhiều tính hữu ích khác mà nó đem lại.

Các trường hợp sử dụng thuộc tính schema hình ảnh

Tôi sẽ đưa ra 1 vài trường hợp cụ thể sử dụng schema images phổ biến. Ngoài những trường hợp được nêu còn rất nhiều trường hợp khác. Bạn có thể xem chúng tại đây.

1, Article

Schema Article là đoạn mã dành cho bài đăng tin tức, blog, bài viết thế thao. Nó bắt buộc sử dụng hình ảnh bên trong. Bởi vậy thuộc tính schema hình ảnh ở đây là cần thiết và nó có thể là hình ảnh bài đăng hoặc thumbnail video nếu sử dụng post format data

Đây là đoạn code html ví dụ:

<html amp>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://google.com/article"
      },
      "headline": "Article headline",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": {
        "@type": "Person",
        "name": "John Doe",
        "url": "http://example.com/profile/johndoe123"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Google",
        "logo": {
          "@type": "ImageObject",
          "url": "https://google.com/logo.jpg"
        }
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

Đoạn code trên bạn thấy rằng thuộc tính code schema hình ảnh ở đây là image bên dưới là URL hình ảnh. Hỗ trợ AMP và không phải là AMP.

2, Băng chuyền

Bên phải bạn là hình ảnh minh họa schema image làm thuộc tính cho kết quả tìm kiếm nhiều định dạng danh sách mà người dùng có thể vuốt qua trên thiết bị di động.

Nội dung hỗ trơ:

  • Khóa học
  • Phim
  • Công thức
  • Nhà hàng
ví dụ schema image trong bằng chuyền
ví dụ schema image trong bằng chuyền (click để xem rõ hơn)

Code html sử dụng thuộc tính schema images trong băng chuyền:

<html>
  <head>
    <title>Best cookie recipes</title>
    <script type="application/ld+json">
    {
      "@context":"https://schema.org",
      "@type":"ItemList",
      "itemListElement":[
        {
          "@type":"ListItem",
          "position":1,
          "url":"http://example.com/peanut-butter-cookies.html"
        },
        {
          "@type":"ListItem",
          "position":2,
          "url":"http://example.com/triple-chocolate-chunk.html"
        },
        {
          "@type":"ListItem",
          "position":3,
          "url":"http://example.com/snickerdoodles.html"
        }
      ]
    }
    </script>
  </head>
  <body>
    <p>
      Here are the best cookie recipes of all time.
    </p>
    <h2>
      Peanut Butter Cookies
    </h2>
    <p>
      This <a href="https://example.com/peanut-butter-cookies.html">Peanut Butter Cookie recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Triple Chocolate Chunk Cookies
    </h2>
    <p>
      This <a href="https://example.com/triple-chocolate-chunk.html">Triple Chocolate Chunk Cookies recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Snickerdoodles
    </h2>
    <p>
      This <a href="https://example.com/snickerdoodles.html">Snickerdoodles recipe</a> is the tastiest one you'll find.
    </p>
  </body>
</html>

3, Event sự kiện

Schema hình ảnh được sử dụng làm thuộc tính hiển thị trong schema make up event

Schema này khá phổ biến và nó có nhiều định dạng. Thuộc tính schema hình ảnh cũng được sử dụng trong loại schema make up này.

Trải nghiệm sự kiện trên Google giúp mọi người dễ dàng khám phá và tham dự các sự kiện thông qua kết quả của Google Tìm kiếm và các sản phẩm khác của Google, như Google Maps.

Tính năng này mang lại nhiều lợi ích:

  • Kết quả giàu tính tương tác hơn: Sự kiện của bạn có thể đủ điều kiện xuất hiện trong trải nghiệm sự kiện trên Google kèm theo biểu trưng của bạn, phần mô tả sự kiện và nhiều nội dung khác.
  • Tăng cơ hội khám phá và chuyển đổi: Mọi người có một cách mới để tương tác với tin sự kiện của bạn và nhấp vào trang web của bạn.

Ví dụ về thuộc tính schema hình ảnh tiêu chuẩn HTML

<html>
  <head>
    <title>The Adventures of Kira and Morrison</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "The Adventures of Kira and Morrison",
      "startDate": "2025-07-21T19:00-05:00",
      "endDate": "2025-07-21T23:00-05:00",
      "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
      "eventStatus": "https://schema.org/EventScheduled",
      "location": {
        "@type": "Place",
        "name": "Snickerpark Stadium",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "100 West Snickerpark Dr",
          "addressLocality": "Snickertown",
          "postalCode": "19019",
          "addressRegion": "PA",
          "addressCountry": "US"
        }
      },
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "description": "The Adventures of Kira and Morrison is coming to Snickertown in a can't miss performance.",
      "offers": {
        "@type": "Offer",
        "url": "https://www.example.com/event_offer/12345_201803180430",
        "price": "30",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock",
        "validFrom": "2024-05-21T12:00"
      },
      "performer": {
        "@type": "PerformingGroup",
        "name": "Kira and Morrison"
      },
      "organizer": {
        "@type": "Organization",
        "name": "Kira and Morrison Music",
        "url": "https://kiraandmorrisonmusic.com"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

4, Xác minh tính xác thực

Nếu bạn có một trang web đánh giá các tuyên bố của người khác, bạn có thể sử dụng dữ liệu có cấu trúc ClaimReview trên trang web của bạn. Dữ liệu có cấu trúc ClaimReview cho phép Google Tìm kiếm hiển thị phiên bản tóm tắt của nội dung xác minh tính xác thực khi trang của bạn xuất hiện trong kết quả tìm kiếm cho tuyên bố đó.

Thuộc tính schema images

Với loại hình schema này thi thuộc tính schema image sẽ có 2 thuộc tính: Image + ImageObject. Đây là ví dụ:

<html>
  <head>
    <title>The world is flat</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ClaimReview",
      "datePublished": "2016-06-22",
      "url": "http://example.com/news/science/worldisflat.html",
      "claimReviewed": "The world is flat",
      "itemReviewed": {
        "@type": "Claim",
        "author": {
          "@type": "Organization",
          "name": "Square World Society",
          "sameAs": "https://example.flatworlders.com/we-know-that-the-world-is-flat"
        },
        "datePublished": "2016-06-20",
        "appearance": {
          "@type": "OpinionNewsArticle",
          "url": "http://skeptical.example.net/news/a122121",
          "headline": "Square Earth - Flat earthers for the Internet age",
          "datePublished": "2016-06-22",
          "author": {
            "@type": "Person",
            "name": "T. Tellar"
          },
          "image": "https://example.com/photos/1x1/photo.jpg",
          "publisher": {
            "@type": "Organization",
            "name": "Skeptical News",
            "logo": {
              "@type": "ImageObject",
              "url": "https://example.com/logo.jpg"
            }
          }
        }
      },
      "author": {
        "@type": "Organization",
        "name": "Example.com science watch"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "1",
        "bestRating": "5",
        "worstRating": "1",
        "alternateName": "False"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

5, Hoạt động tại nhà

Ví dụ minh họa schema hình ảnh hoạt động tại nhà

Giúp người dùng khám phá những hoạt động mà họ có thể làm ở nhà, bạn có thể thêm dữ liệu có cấu trúc vào các trang video và sự kiện trực tuyến của mình. Nó khá đắc lục cho những người làm việc tại nhà liên quan đến hoạt động.

Đoạn mã:

<html>
  <head>
    <title>Boxing Workout</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "Boxing Workout",
      "startDate": "2021-07-31T06:00:00-05:00",
      "endDate": "2021-07-31T07:00-05:00",
      "eventStatus": "https://schema.org/EventScheduled",
      "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
      "location": {
        "@type": "VirtualLocation",
        "url": "https://googlebotcourse.com/boxing-workout"
        },
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "description": "Boxing is a full body workout that rapidly changes the shape of your body through a dynamic workout. The technique develops lean, strong and flexible muscles.",
      "offers": {
        "@type": "Offer",
        "url": "https://www.googlebotcourse.com/event_offer/12345_201803180430",
        "price": "30",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock",
        "validFrom": "2021-05-21T12:00"
      },
      "organizer": {
        "@type": "Organization",
        "name": "Get Fit with Googlebot",
        "url": "https://getfitwithgooglebot.com"
      },
      "performer": {
        "@type": "Person",
        "name": "Virginia Woolf"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

6, Hướng dẫn

Hướng dẫn còn biết đến là mã schema code how to. Nó sẽ sử dụng rất nhiều hình ảnh và nó không bắt buộc sử dụng thuộc tính hình ảnh bên trong mà là nên có.

Schema hướng dẫn sử dụng schema images làm thuộc tính bên trong

Microdata (vi dữ liệu) ví dụ cụ thể:

<html>
<head>
<title>How to tile a kitchen backsplash</title>
</head>
<body>
<div itemscope itemtype="https://schema.org/HowTo">
  <b><span itemprop="name">How to tile a kitchen backsplash</span></b>
  <div>About <span itemprop="estimatedCost" itemscope itemtype="https://schema.org/MonetaryAmount">
    <meta itemprop="currency" content="USD"/>
    <meta itemprop="value" content="100"/>
    $100
  </span>
  </div>
  <div>About <span itemprop="totalTime" content="P2D">2 days</span></div>
  <div>Necessary Items:</div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=1">
      <span itemprop="name">tiles</span>
    </a>
    <img alt="Blue kitchen tiles with scalloped edges" itemprop="image" src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=2">
      <span itemprop="name">thin-set mortar</span>
    </a>
    <img alt="Thin-set mortar" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=3">
      <span itemprop="name">tile grout</span>
    </a>
    <img alt="White tile grout" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <a itemprop="url" href="https://example.com/supplies?id=4">
      <span itemprop="name">grout sealer</span>
    </a>
    <img alt="Grout sealer" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <a itemprop="url" href="https://example.com/supplies?id=5">
      <span itemprop="name">notched trowel</span>
    </a>
    <img alt="Notched trowel with a red handle" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <a itemprop="url" href="https://example.com/tools?id=6">
      <span itemprop="name">bucket</span>
    </a>
    <img alt="Medium-sized blue bucket" itemprop="image" src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <a itemprop="url" href="https://example.com/tools?id=7">
      <span itemprop="name">large sponge</span>
    </a>
    <img alt="Large yellow sponge" itemprop="image"
         src="https://example.com/photos/1x1/photo.jpg"/>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step1" />
    <div itemprop="name">Preparation</div>
    <img itemprop="image" alt="image showing preparation"
         src="https://example.com/photos/1x1/photo-step1.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Turn off the power to the kitchen and then remove
        everything that is on the wall, such as outlet covers, switchplates, and any other item in
        the area that is to be tiled. Then clean the surface thoroughly to remove any grease or
        other debris and tape off the area.
      </div>
    </div>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step2" />
    <div itemprop="name">Plan your Layout</div>
    <img itemprop="image" alt="image showing layout planning"
           src="https://example.com/photos/1x1/photo-step2.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Lay out your tile horizontally below the wall where you're going to
        place it. This makes it easy to ensure that your pattern will fit in the space provided.
        Also it helps you double check that you have enough tile and know exactly where each piece
        will go.
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Spread the mortar on a small section of the wall with a trowel. Thinset
        and other adhesives set quickly so make sure to work in a small area. Once it's applied,
        comb over it with a notched trowel.
      </div>
    </div>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step3" />
    <div itemprop="name">Add your tile to the wall</div>
    <img itemprop="image" alt="image grout application"
         src="https://example.com/photos/1x1/photo-step3.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Place the tile sheets along the wall, making sure to add spacers so the
        tiles remain lined up. Press the first piece of tile into the wall with a little twist,
        leaving a small (usually one-eight inch) gap at the countertop to account for expansion.
        use a rubber float to press the tile and ensure it sets in the adhesive. Repeat the mortar
        and tiling until your wall is completely tiled, working in small sections.
      </div>
    </div>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
    <link itemprop="url" href="https://example.com/example#step4" />
    <div itemprop="name">Apply the grout</div>
    <img itemprop="image" alt="image grout application"
         src="https://example.com/photos/1x1/photo-step4.jpg"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Allow the thin-set mortar to set. This usually takes about 12 hours.
        Don't mix the grout before the mortar is set, because you don't want the grout to dry out!
        To apply, cover the area thoroughly with grout and make sure you fill all the joints by
        spreading it across the tiles vertically, horizontally, and diagonally. Then fill any
        remaining voids with grout.
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
      <div itemprop="text">Then, with a moist sponge, sponge away the excess grout and then wipe
        clean with a towel. For easier maintenance in the future, think about applying a grout
        sealer.
      </div>
    </div>
  </div>
</div>
</body>
</html>

7, Giấy phép hình ảnh

Nếu bạn chỉ định thông tin giấy phép cho hình ảnh trên trang web của mình, hình thu nhỏ của hình ảnh đó có thể xuất hiện kèm theo huy hiệu có thể cấp phép trong Google Hình ảnh.

Thuộc tính hình ảnh trong schema code trường images là bắt buộc.

Sử dụng schema code image trong giấy phép hình ảnh
<html>
  <head>
    <title>Black labrador puppy</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "ImageObject",
      "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",
      "license": "https://example.com/license",
      "acquireLicensePage": "https://example.com/how-to-use-my-images"
    }
    </script>
  </head>
  <body>
    <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg">
    <p><a href="https://example.com/license">License</a></p>
    <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p>
  </body>
</html>

8, Tin tuyển dụng

Bạn có thể gắn schema images hình ảnh trên bài đăng tuyển dụng của mình. Nó là hình ảnh thương hiệu bạn với thuộc tính logo

Ví dụ minh họa schema image tuyển dụng
<html>
  <head>
    <title>Software Engineer</title>
    <script type="application/ld+json">
    {
      "@context" : "https://schema.org/",
      "@type" : "JobPosting",
      "title" : "Software Engineer",
      "description" : "<p>Google aspires to be an organization that reflects the globally diverse audience that our products and technology serve. We believe that in addition to hiring the best talent, a diversity of perspectives, ideas and cultures leads to the creation of better products and services.</p>",
      "identifier": {
        "@type": "PropertyValue",
        "name": "Google",
        "value": "1234567"
      },
      "datePosted" : "2017-01-18",
      "validThrough" : "2017-03-18T00:00",
      "employmentType" : "CONTRACTOR",
      "hiringOrganization" : {
        "@type" : "Organization",
        "name" : "Google",
        "sameAs" : "http://www.google.com",
        "logo" : "http://www.example.com/images/logo.png"
      },
      "jobLocation": {
      "@type": "Place",
        "address": {
        "@type": "PostalAddress",
        "streetAddress": "1600 Amphitheatre Pkwy",
        "addressLocality": "Mountain View",
        "addressRegion": "CA",
        "postalCode": "94043",
        "addressCountry": "US"
        }
      },
      "baseSalary": {
        "@type": "MonetaryAmount",
        "currency": "USD",
        "value": {
          "@type": "QuantitativeValue",
          "value": 40.00,
          "unitText": "HOUR"
        }
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

9, Logo thương hiệu

Khi bạn muốn Google nhận diện thương hiệu của bạn tốt hơn bằng hình ảnh hãy sử dụng đoạn code này.

<html>
  <head>
    <title>About Us</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "url": "http://www.example.com",
      "logo": "http://www.example.com/images/logo.png"
    }
    </script>
  </head>
  <body>
  </body>
</html>
Schema images logo thương hiệu

Trường logo thay thế cho image và là bắt buộc. Schema hình ảnh sẽ phát huy tối đa sức mạnh nhận diện thương hiệu của bạn tốt hơn. Đồng thời nó cũng là 1 trong các nền tảng nhận diện thoát sanbox.

10, Reciep công thức nâu ăn

Reciep là schema phổ biến cho ngành nghề thực phẩm, nhà hàng, nấu ăn … Tôi khuyên bạn nên sử dụng schema images dạng này trong các bài viết.

Schema hình ảnh trong công thức nấu ăn reciep

Ví dụ schema hình ảnh làm thuộc tính trong Recipe:

<html>
  <head>
    <title>Party Coffee Cake</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Party Coffee Cake",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Mary Stone"
      },
      "datePublished": "2018-03-10",
      "description": "This coffee cake is awesome and perfect for parties.",
      "prepTime": "PT20M",
      "cookTime": "PT30M",
      "totalTime": "PT50M",
      "keywords": "cake for a party, coffee",
      "recipeYield": "10",
      "recipeCategory": "Dessert",
      "recipeCuisine": "American",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "270 calories"
      },
      "recipeIngredient": [
        "2 cups of flour",
        "3/4 cup white sugar",
        "2 teaspoons baking powder",
        "1/2 teaspoon salt",
        "1/2 cup butter",
        "2 eggs",
        "3/4 cup milk"
        ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "name": "Preheat",
          "text": "Preheat the oven to 350 degrees F. Grease and flour a 9x9 inch pan.",
          "url": "https://example.com/party-coffee-cake#step1",
          "image": "https://example.com/photos/party-coffee-cake/step1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Mix dry ingredients",
          "text": "In a large bowl, combine flour, sugar, baking powder, and salt.",
          "url": "https://example.com/party-coffee-cake#step2",
          "image": "https://example.com/photos/party-coffee-cake/step2.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Add wet ingredients",
          "text": "Mix in the butter, eggs, and milk.",
          "url": "https://example.com/party-coffee-cake#step3",
          "image": "https://example.com/photos/party-coffee-cake/step3.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Spread into pan",
          "text": "Spread into the prepared pan.",
          "url": "https://example.com/party-coffee-cake#step4",
          "image": "https://example.com/photos/party-coffee-cake/step4.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Bake",
          "text": "Bake for 30 to 35 minutes, or until firm.",
          "url": "https://example.com/party-coffee-cake#step5",
          "image": "https://example.com/photos/party-coffee-cake/step5.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Enjoy",
          "text": "Allow to cool and enjoy.",
          "url": "https://example.com/party-coffee-cake#step6",
          "image": "https://example.com/photos/party-coffee-cake/step6.jpg"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "video": {
        "@type": "VideoObject",
        "name": "How to make a Party Coffee Cake",
        "description": "This is how you make a Party Coffee Cake.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

Cách tạo schema hình ảnh

Bạn đã biết schema hình ảnh là gì? Tôi sẽ chia sẻ bạn cách làm sao tạo ra code schema images hình ảnh đơn và kết hợp.

1, Sử dụng Schema.org

Đây là nơi tốt nhất bạn có thể hiểu schema images là gì cũng như toàn bộ tài liệu, ví dụ về schema hình ảnh.

Nó rất đầy đủ nhưng hiện tại chỉ có tiếng anh. Bạn nên sử dụng google chorme linh hoạt dịch sang tiếng việt. Có một điều đáng buồn là nó khó sử dụng với người mới.

Để tôi vạch ra các bước bạn sẽ cần làm:

  1. Truy cập schema.org
  2. Tìm code schema hình ảnh bạn muốn sử dụng
  3. Edit chỉnh sửa theo nhu cầu
  4. Truy cập Schema checker để kiểm tra độ chính xác
  5. Nhúng vài bài đăng (div, Plugin)

2, Sử dụng plugin

Hiện nay có rất nhiều loại plugin hỗ trợ tạo code schema hình ảnh đơn và kết hợp. Phổ biến là rank math và schema pro. Nó sẽ giúp bạn tạo ra code schema đơn giản và lồng gép thuộc tính schema images tự động.

Hoặc bạn cũng có thể truy cập kho tàng plugin WordPress để tìm kiếm tiện ích hỗ trợ mình. Và cách làm này chỉ hỗ trợ website WordPress.

3, Sử dụng technicalseo

technicalseo là website tạo ra mã code schema online. Nó chỉ hỗ trợ tạo ra các schema images phổ biến.

Bạn sẽ không thể tạo ra schema images đơn lẻ mà nó là phương thức kết hợp. Tức là schema hình ảnh làm thuộc tính của các loại schema khác.

Áp dụng cách làm này bạn cần thực hiện bằng tay và nhúng vào từng bài viết cụ thể.

Cách kiểm tra & theo dõi schema images hình ảnh

Dưới đây là 1 vài công cụ tôi hay sử dụng kiểm tra và theo dõi schema code images:

Nếu có bất kỳ lỗi nào, sau khi check bạn sẽ nhận được thông báo. Với Google console bạn không check trực tiếp được mà nó sẽ báo kết quả sau khi thu thập dữ liệu.

Kết luận

Trên là toàn bộ thông tin về thuộc tính schema hình ảnh hay còn gọi là schema images. Trong bài học cách làm SEO kế tiếp tôi sẽ chia sẻ tới bạn nhiều thông tin hay ho hơn.

=> Gr FB của tôi: https://www.facebook.com/groups/tuhocseoweb Tham gia để nhận trợ giúp SEO miễn phí.


Bài viết liên quan

Bài viết liên quan