Improving SEO with image-sitemap

CK CK 3788 
Created at  
1,178 0 0

What is a Sitemap?

A sitemap is a file where you provide information about the pages, videos, and other files on your site, and the relationships between them. Search engines like Google read this file to more intelligently crawl your site.

Purpose and Benefits:

  • Improved Crawling: Sitemaps help search engines discover URLs on your site that might otherwise be missed by their regular crawling process, especially for:
    • New sites: Sites with few external links pointing to them.
    • Large sites: Sites with a vast number of pages, making it hard for crawlers to find all new or updated content.
    • Sites with isolated content: Pages that are not strongly linked from other pages on the site.
    • Sites with rich media content: Pages with videos, images, or News content, which can be provided with additional metadata.
  • Better Understanding: Sitemaps allow you to provide metadata about your pages, such as when they were last updated, how frequently they change, and how important they are relative to other pages on your site. For specialized content, it can include details like video duration, image location, or news publication dates.
  • Error Detection: Some search engines (like Google Search Console) use sitemaps to report crawling issues and coverage status for the URLs listed in them.

While sitemaps can technically be plain text files, the most common and recommended format is XML. An XML sitemap typically lists each URL along with optional metadata.

 

What is an image sitemap?

An image sitemap is an extension of the standard XML sitemap protocol specifically designed to help search engines discover and index images on your website more effectively. While search engines can find images by crawling your site, an image sitemap provides a direct and structured way to communicate the location and relevant metadata of your images.

 

Key Purposes and Benefits:

  • Enhanced Discoverability: It explicitly tells search engines about all images on your site, including those that might be difficult to find through standard crawling (e.g., images loaded via JavaScript, images that are not directly linked from a page, or images served from content delivery networks).
  • Improved Image Search Rankings: By providing more context and ensuring images are indexed, it can lead to better visibility and higher rankings in image search results (e.g., Google Images).
  • Additional Metadata: You can include valuable information about each image, such as its title, caption, geographic location, and license information. This rich data helps search engines understand the image content better and display more relevant results to users.
  • Faster Indexing: Submitting an image sitemap can expedite the indexing process for your images.

How it Works:
An image sitemap is an XML file that uses specific tags within the standard elements of a sitemap. Each tag contains an tag pointing to the image URL, along with optional tags for additional details.

 

Key Elements within an Image Sitemap:

  • : The root element, defining the XML namespace for sitemaps.
  • xmlns:image="http://www.google.com/schemas/sitemap-image/1.1": The essential namespace declaration that enables the use of image-specific tags.
  • : Encloses all information for a single URL on your site.
  • : (Child of ) The URL of the webpage containing the image.
  • : (Child of ) The parent tag for all information about a single image. You can include multiple tags within a single entry if a page has multiple images.
  • : (Child of ) The direct URL to the image file itself. This is a mandatory element within .
  • : (Optional) The title of the image.
  • : (Optional) A description or caption for the image.
  • : (Optional) The geographic location where the image was taken.
  • : (Optional) A URL pointing to the license for the image.

It's important to remember that an image sitemap complements, rather than replaces, a standard sitemap. Images listed in a sitemap must also be crawlable and accessible to search engines (i.e., not blocked by robots.txt).

 

Example of Image Sitemap 1.1

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">

  <url>
    <loc>https://www.example.com/page-with-images-1.html</loc>
    <image:image>
      <image:loc>https://www.example.com/images/beautiful-sunset.jpg</image:loc>
      <image:title>A beautiful sunset over the ocean</image:title>
      <image:caption>A vibrant sunset with hues of orange and purple reflecting on calm waters.</image:caption>
      <image:geo_location>Maui, Hawaii</image:geo_location>
      <image:license>https://www.example.com/licenses/creative-commons-by-sa-4.0</image:license>
    </image:image>
    <image:image>
      <image:loc>https://www.example.com/images/mountain-landscape.png</image:loc>
      <image:title>Majestic mountain peaks</image:title>
      <image:caption>Snow-capped mountains under a clear blue sky.</image:caption>
    </image:image>
  </url>

  <url>
    <loc>https://www.example.com/blog/article-with-photos.html</loc>
    <image:image>
      <image:loc>https://www.example.com/blog/photos/article-hero.webp</image:loc>
      <image:title>Blog article hero image</image:title>
      <image:caption>Main visual for the blog post about digital photography.</image:caption>
    </image:image>
  </url>

  <url>
    <loc>https://www.example.com/gallery/portfolio-item-detail.html</loc>
    <image:image>
      <image:loc>https://www.example.com/gallery/item/design-concept-a.jpeg</image:loc>
      <image:title>Modern interior design concept A</image:title>
    </image:image>
    <image:image>
      <image:loc>https://cdn.example.com/gallery/item/design-concept-b.jpeg</image:loc>
      <image:title>Modern interior design concept B</image:title>
      <image:caption>Alternative angle of the design concept.</image:caption>
    </image:image>
  </url>

</urlset>

 

Tags image-sitemap sitemap Facebook X
Comments 0
  1. Why 100% SEO Guarantees Better User Engagement and How to Achieve It in Your Service
    39
  2. Tailwind CSS and shadcn/ui for React App with Charts and Graphs
    1,041
  3. HTML NoIndex: Keep Pages Off Search
    1,491
  4. JavaScript to disable Screen Saver or Power Saving Mode
    500
  5. Making HTML Tables Responsive on Mobile: Addressing Text Overflow
    773
  6. How do we make better SEO with schema.org?
    423
  7. A Javascript code that returns Monthly Mortgage Payment and Tax
    1,253
  8. A simple JavaScript snippet to copy a string to the clipboard
    1,050
  9. Dynamic JSON Editor based in HTML/JavaScript
    509
  10. How to post content (image or video) to Instagram using the Instagram Graph API
    6,393
  11. Font name correctly having the same width space
    1,214
  12. JavaScript Algorithms
    717
  13. GraphQL Tutorial on CentOS 7: From Installation to Deployment
    556
  14. Capture all browser console logs including errors for debugging
    2,172
  15. Simple asynchronous/synchronous $.ajax() example using jQuery to make an HTTP GET request
    848
  16. JavaScript Code to Get Page Keywords
    347
  17. What is OpenGraph?
    366
  18. What is Twitter Cards?
    402
  19. Code to Extract the Site Thumbnail Image for Twitter or Facebook
    390
Recently updated
  1. Why 100% SEO Guarantees Better User Engagement and How to Achieve It in Your Service
    39
  2. Why SPF and DKIM Are Essential for Linux Email Servers?
    34
  3. How do I create animated background for Google Meet?
    20,611
  4. MaxMind GeoLite2 vs. DB-IP Lite vs. ip-api.com: Choosing the Right Free IP Geolocation Solution
    244
  5. Meet Valkey: Why Redis Changed Its License, Why Valkey is Better, and How to Use It as a Drop-in Replacement
    94
  6. How Rogue Web Scrapers Are Stealing My Content and Destroying My Server
    157
  7. Array of arguments passed to script in PHP
    90
  8. Invalid Auction Storms in Ad Tech
    98
  9. Building MRC-Compliant Instrumentation in Ad Tech: Implementation Steps and Key Challenges
    202
  10. The Two Clocks of Ad Server Architecture
    70
  11. Frequency Cap Architecture Overview
    514
  12. Collecting Proof-of-Play from 100,000 Screens
    146
  13. Vector Search in Relational Databases (RDBs): Trends & Usage Environments
    287
  14. What is RedisVL?
    109
  15. Designing a Skill Registry Architecture: Minimize Token Usage and Maximize AI Performance
    230
  16. TPU & GPU Cluster Management Tools
    243
  17. The Concept of Scaffolding in AI Agents
    233
  18. Beyond Static Pipelines: Architecting LLM Multi-Agent Systems for Autonomous Workflow Orchestration
    582
  19. AI-DLC vs. AI-SDLC: Model-Centric vs. System-Centric AI Development
    258
  20. Fine-Tuning Open-Weight LLMs: Training, Licensing, and Deploying Custom Models with Ollama
    338
  21. Inside the Next-Generation Streaming Architecture: Ultra-Low Latency, SGAI, and AI Codecs
    202
  22. Machine Learning: Training vs. Ranking
    221
  23. The Continuous Learning Machine: Designing a Loop That Actually Turns
    222
  24. The Next-Gen Low-Latency Standards: LL-HLS & MoQ
    195
  25. Designing a Data Curation System Around a Vector Database
    220
  26. Extracting Context from Live Video: The Architecture Got Simpler When We Stopped Building Features
    256
  27. The New Ad Stack Behind Live Sports Streaming: Inside SGAI, EABN, and the Standards Race to Fix Live Monetization
    656
  28. Designing MLOps Architectures to Handle Seasonal Data Drift in EV Fleet Models
    195
  29. From 15 to 40+ FPS: Accelerating PyTorch Object Detection on Automotive ECUs
    216
  30. Understanding Data Lineage
    260