Image and Video SEO Guide 2026

Beautiful content that nobody can find.

Maricel is a food photographer in Manila. She shoots for restaurants, catering companies, and food brands across Metro Manila. Her portfolio website has over 200 stunning images — perfectly lit plates of sinigang, close-ups of lechon skin, aerial shots of boodle fights. But when potential clients searched “food photographer Manila” on Google Images, Maricel’s work was nowhere to be found. Not on the first page. Not on the fifth. Not anywhere.

The problem was not her photography. The problem was that Google had no idea what her images showed. Every file was named something like DSC_0847.jpg. None of them had alt text. The images were massive, uncompressed files that made her pages take 12 seconds to load. From Google’s perspective, her portfolio was a collection of heavy, unnamed, undescribed mystery files.

This is far more common than you might think. Most small business websites treat images as decoration — upload them, position them, move on. But images and videos are content, and like all content, they need to be optimised so search engines and AI tools can understand, index, and surface them to the right audience.

Whether you are a photographer like Maricel, a real estate agent like Julio who posts property walkthrough videos, a fashion influencer like Cherry whose image-heavy gallery loads painfully slowly, a restaurant owner like Paolo who has never added alt text to a single dish photo, or a wedding planner like Teresa in Tagaytay who has beautiful video testimonials that never appear in search — this article will show you exactly how to fix it.

Why it matters

Google Images is the second largest search engine in the world.

People do not just search with text. They search with images. Google Images handles billions of searches every month. When someone searches “modern condo interior Makati” or “wedding venue Tagaytay garden” or “Filipino street food photography,” Google shows image results — and those results come from websites that have properly optimised their images.

For Julio, a real estate agent in Quezon City, this is critical. His property listings include dozens of photos of condos, townhouses, and commercial spaces. When those images show up in Google Images, they drive potential buyers directly to his listing pages. But only if Google knows what those images show.

Image SEO also affects your regular search rankings. Google’s algorithm considers page speed as a ranking factor, and images are typically the heaviest elements on any page. If your images are too large and slow down your site, your rankings suffer — not just for image searches, but for everything.

And then there is the AI dimension. When someone asks ChatGPT, Perplexity, Gemini, or Microsoft Copilot a question like “best food photographers in Manila,” the AI system looks at web pages to find answers. It reads your text, your headings, and crucially, your alt text and image descriptions. If your images have no text-based context, AI systems cannot reference them or recommend your work. Your visual content becomes invisible to an entire category of search.

The foundation

Alt text: telling Google (and everyone else) what your image shows.

Alt text — short for alternative text — is a written description you attach to every image on your website. It lives in your HTML code, invisible to most visitors, but readable by two critical audiences: screen readers (software used by visually impaired people to navigate websites) and search engines (Google, Bing, and AI crawlers).

Without alt text, Google looks at your image and sees nothing meaningful. It cannot read pixels. It relies entirely on the text you provide to understand what the image depicts, how relevant it is to a search query, and whether to show it in image search results.

What good alt text looks like

Good alt text is specific, concise, and describes exactly what the image shows. Aim for one clear sentence, roughly 10 to 15 words. Here are real examples:

Bad: alt="food" — Too vague. Could be anything.
Bad: alt="image of food photo Manila best food photographer delicious" — Keyword stuffing. Google penalises this.
Good: alt="Grilled salmon platter with mango salsa at a Manila restaurant" — Specific, descriptive, natural.
Good: alt="Three-bedroom condo living room with floor-to-ceiling windows in Makati" — Tells Google exactly what the photo shows.

Write alt text as if you are describing the image to someone on the phone. Be honest about what is in the frame. Do not start with “image of” or “picture of” — screen readers already announce it as an image, so that is redundant.

Paolo’s restaurant — before and after

Paolo owns a restaurant in Kapitolyo, Pasig. His website had 40 dish photos, every single one without alt text. When we added descriptive alt text to each image — things like “crispy pork belly sisig served on a sizzling plate” and “fresh mango shake with crushed ice in a tall glass” — his images started appearing in Google Images within three weeks. He began receiving messages from people who found his restaurant specifically through those image search results. They saw the food, clicked through, and booked a table.

The accessibility bonus

Alt text is not just an SEO tactic. It is an accessibility requirement. Roughly 2.2 billion people worldwide have some form of visual impairment. When your images have proper alt text, screen reader software can describe them aloud, making your website usable for everyone. This is the right thing to do, and it also happens to be good for search rankings — Google rewards accessible websites.

Before you upload

File names matter more than you think.

Before an image even reaches your website, its file name gives Google a clue about what it contains. This is one of the first signals Google reads, and most people ignore it completely.

Maricel’s files were all named things like:

DSC_0847.jpg
IMG_20260315_142233.jpg
photo(3).png

None of those tell Google anything. Compare that to descriptive file names:

grilled-salmon-platter-manila-restaurant.jpg
two-bedroom-condo-interior-bgc-taguig.jpg
outdoor-wedding-reception-tagaytay-garden.jpg

The rules for good file names are simple:

Use lowercase letters only
Separate words with hyphens (not underscores or spaces)
Be descriptive but concise — 4 to 8 words
Include relevant details like location, product, or setting where appropriate
Never leave the default camera file name

Renaming files before uploading takes seconds per image but adds up to a significant SEO advantage across your entire site. Julio started renaming every property photo before uploading — three-bedroom-townhouse-quezon-city-facade.jpg instead of IMG_7731.jpg — and within a month, his property images were appearing in Google Image results for location-specific real estate queries.

Speed kills (or saves)

Compress your images or watch your visitors leave.

This is where Cherry ran into trouble. Cherry is a fashion influencer whose website showcases her outfit-of-the-day posts, brand collaborations, and lookbooks. Her gallery pages featured gorgeous, high-resolution photos — each one straight from her DSLR at 4 to 8 megabytes per image. A single gallery page with 20 images meant the visitor’s browser had to download over 100 megabytes of data before the page fully loaded.

The result? Her pages took 15 to 20 seconds to load on mobile. Most visitors left before seeing a single photo. Her bounce rate was over 85 percent. Google noticed the slow speed and pushed her pages lower in search rankings, creating a vicious cycle: slow site, fewer visitors, lower rankings, even fewer visitors.

How to compress images properly

Image compression reduces file size while keeping visual quality virtually identical to the naked eye. Here is what you need to know:

Use the right format. JPEG is best for photographs. PNG is best for graphics with transparency (logos, icons). WebP is a modern format that offers better compression than both — if your website platform supports it (most do in 2026), use WebP.
Resize before uploading. If your image displays at 800 pixels wide on your website, there is no reason to upload a 4000-pixel-wide original. Resize to the actual display dimensions first.
Compress the file. Free tools like TinyPNG, Squoosh (by Google), and ShortPixel can reduce a 5MB image to under 200KB with no visible quality loss. Many website platforms also offer built-in compression or plugins that do this automatically.
Target file sizes. For most web images, aim for 100 to 300 KB. Hero images and banners can be up to 500 KB. Anything over 1 MB is almost always too large.

After Cherry compressed all her gallery images and switched to WebP format, her page load time dropped from 18 seconds to 2.8 seconds. Her bounce rate fell from 85 percent to 38 percent. Her Google rankings recovered within six weeks. Same beautiful photos — just lighter files.

Load smarter

Lazy loading: only load what visitors actually see.

Imagine a page with 30 images. Without lazy loading, the browser tries to download all 30 images the moment someone opens the page — even images far below the visible screen that the visitor may never scroll to. This wastes bandwidth and slows everything down.

Lazy loading tells the browser: “Only load images as the visitor scrolls down to them.” The images at the top of the page load immediately. The rest load on demand as they come into view. The visitor sees no difference — images appear as they scroll — but the initial page load is dramatically faster.

For Cherry’s 20-image gallery pages, lazy loading meant the browser initially loaded only the 3 to 4 images visible on screen. The rest loaded as visitors scrolled. Combined with compression, this brought her pages from painfully slow to snappy and responsive.

How to implement lazy loading depends on your platform:

WordPress: Lazy loading is built in since WordPress 5.5. It works automatically for most themes.
Shopify: Most modern Shopify themes include lazy loading by default.
Custom HTML: Add loading="lazy" to your image tags. That is the entire implementation — one attribute.
Wix and Squarespace: Both handle lazy loading automatically. No action needed.

One important note: do not lazy-load images that appear at the very top of your page (your hero image, your logo, your above-the-fold content). Those should load immediately so visitors see them without delay. Lazy loading is for images further down the page.

Video basics

Video SEO: getting your videos found in search results.

Julio films property walkthrough videos for every listing. Potential buyers love them — they get to virtually tour a condo or townhouse before scheduling an in-person visit. But Julio’s videos were only visible to people who happened to land on his website directly. When someone searched “condo walkthrough BGC” on Google or YouTube, Julio’s videos did not appear.

Teresa, a wedding planner in Tagaytay, had a similar problem. She collected beautiful video testimonials from happy couples — heartfelt, emotional, convincing content that could win over any prospective client. But those videos sat quietly on her website, never appearing in search results, never driving new enquiries.

Video SEO fixes this. It ensures that search engines know your videos exist, understand what they cover, and can display them prominently in search results with eye-catching thumbnails.

The essentials of video SEO

Write a descriptive title. Instead of “Video 1” or “Property Tour,” use “Two-Bedroom Condo Walkthrough in BGC Taguig — Full Tour.”
Write a detailed description. At least 2 to 3 sentences explaining what the video covers. Include relevant details: location, type of property, number of rooms, neighbourhood, price range if applicable.
Use a custom thumbnail. A high-quality still image from the video with clear, readable text overlay performs far better than an auto-generated thumbnail.
Add captions or transcripts. Text versions of your video content give search engines (and AI tools) the full context of what is said in the video. YouTube generates auto-captions, but reviewing and correcting them improves accuracy.
Tag and categorise appropriately. On YouTube, use relevant tags and select the right category. On your website, place the video in context with related text content around it.

Where to host

YouTube vs. self-hosting: the right choice for most businesses.

This is a question every business owner with video content faces: should you upload videos directly to your website (self-hosting) or put them on YouTube and embed them?

For the vast majority of small businesses, YouTube is the right choice, and here is why:

Cost: YouTube hosting is free. Self-hosting video on your own server or through a CDN can cost hundreds of pesos per month for storage and bandwidth.
Speed: YouTube has servers worldwide that deliver video smoothly to viewers anywhere. Self-hosted video often buffers and stutters, especially for visitors on slower connections.
Reach: YouTube is the second largest search engine in the world. Uploading there gives you access to a massive audience that would never find your website directly.
Google integration: Google owns YouTube. Videos hosted on YouTube are more likely to appear in Google search results with rich video previews.
Site speed: Embedding a YouTube video on your page is lightweight. Hosting the video file directly on your site can slow your page significantly.

The ideal approach is what both Julio and Teresa adopted: upload the video to YouTube with a fully optimised title, description, and tags. Then embed that YouTube video on the relevant page of your website. You get the best of both worlds — YouTube’s reach and delivery, plus the video enhancing your own page’s content and engagement.

When might you self-host? Only in rare cases — typically when you need complete control over the player design, cannot have YouTube branding, or are creating a membership site with protected content. For standard business use, YouTube embedding is the clear winner.

Stand out in results

Video schema markup: the code that makes your videos pop in search results.

When you search Google and see a result with a large video thumbnail, a play button, and the video’s duration displayed right there in the search listing — that is a video rich result. It stands out dramatically from plain text results. People are far more likely to click on it.

To get this treatment, you add video schema markup (also called VideoObject structured data) to the page where your video lives. This is a small piece of code in JSON-LD format that tells Google:

The video’s name
A description of what it covers
The URL of a thumbnail image
The upload date
The video’s duration
Where the video is hosted (the embed URL or content URL)

Teresa’s transformation: After adding video schema markup to each of her testimonial pages, Teresa’s wedding planning videos started appearing in Google search results with prominent thumbnails. One testimonial video for “Tagaytay garden wedding” generated 14 click-throughs from Google in its first month — all from couples actively searching for a wedding planner in her area. Those were high-intent visitors, and three of them booked consultations.

If you use WordPress, plugins like Yoast SEO and Rank Math can generate video schema automatically when you embed a YouTube video. For custom-built sites, your developer can add the JSON-LD code manually — it takes about 10 minutes per page. We cover structured data in much more detail in Article 12: Rich Results & Structured Data.

The AI factor

How AI search systems use your image and video context.

In 2026, search is no longer just Google’s blue links. People get answers from ChatGPT, Perplexity, Gemini, and Microsoft Copilot. These AI systems crawl and index web pages, then synthesise answers from what they find. But there is a critical difference in how they handle visual content compared to Google.

AI search tools process web content primarily as text. When an AI crawler visits your page, it reads your headings, paragraphs, lists, and — crucially — your alt text, image file names, captions, and schema markup. These text-based signals are how AI systems understand what your images and videos are about.

If someone asks Perplexity, “Who are good food photographers in Manila?” the system scans web pages for relevant information. If Maricel’s portfolio has images with alt text like “professional food photography setup for Manila restaurant menu shoot” and surrounding text that describes her services, Perplexity has the context it needs to cite her in its answer. Without those text signals, her page is a collection of unnamed image files that AI cannot interpret.

The same applies to video. When Teresa’s testimonial pages have video schema, detailed descriptions, and transcripts, AI tools can reference her work when someone asks, “Can you recommend wedding planners in Tagaytay with good reviews?” The AI can cite the testimonial, mention the couple’s experience, and link to Teresa’s page.

The takeaway is clear: every piece of visual content on your site needs a text-based companion. Alt text for images. Descriptions and transcripts for videos. Schema markup for both. This is not optional decoration — it is how your visual content becomes visible to the fastest-growing category of search.

Your action plan

What to do this week — step by step.

Audit your existing images. Go through your website and check every image. Does it have alt text? Is the file name descriptive? Start with your most important pages (homepage, service pages, key product pages) and work outward.
Add alt text to every image. Write a clear, specific description for each one. 10 to 15 words. Describe what the image actually shows. Skip keyword stuffing.
Rename files before uploading. From now on, every image you upload should have a descriptive, hyphenated file name. Go back and rename existing files where possible (be careful with links that may break).
Compress all images. Run every image through a compression tool (TinyPNG, Squoosh, ShortPixel). Target 100 to 300 KB per image. Use WebP format when your platform supports it.
Enable lazy loading. Check if your platform handles it automatically. If not, add loading="lazy" to images below the fold.
Optimise your videos. Write descriptive titles and descriptions. Upload to YouTube and embed on your site. Add captions or transcripts.
Add video schema markup to pages with embedded videos. Use a plugin or ask your developer to add the JSON-LD code.

Common questions

Frequently asked questions about image and video SEO.

What is alt text and why does it matter for SEO?

Alt text (alternative text) is a short written description attached to an image in your website’s code. It serves two purposes: it tells screen readers what the image shows so visually impaired visitors can understand your content, and it tells Google what the image depicts so it can appear in Google Images and image-related search results. Without alt text, Google treats your image as a mystery — it cannot read the pixels, so it relies entirely on your description to understand and rank the image.

How do I write good alt text for my images?

Good alt text is specific, concise, and describes exactly what the image shows. Aim for one sentence, roughly 10 to 15 words. Include relevant details like what is happening, who or what is in the image, and the setting. For a product photo, mention the product name and key visual features. Avoid starting with “image of” or “picture of” — screen readers already announce it as an image. Avoid stuffing keywords unnaturally. Write as if you are describing the image to someone over the phone.

Does file naming actually affect image SEO?

Yes. Google reads image file names as one of several signals to understand what an image depicts. A file named grilled-salmon-platter-manila-restaurant.jpg gives Google useful context, while IMG_4582.jpg tells Google nothing. Before uploading images to your website, rename them with descriptive, hyphen-separated words that accurately describe the image content. This is a small effort that adds up across dozens or hundreds of images.

How much does image compression affect page speed and SEO?

Image compression has a major impact. Images are typically the heaviest elements on any web page, often accounting for 50 to 80 percent of total page weight. Uncompressed images slow your page load time, which directly hurts your Google ranking (page speed is a confirmed ranking factor) and drives visitors away — most people leave a page that takes more than 3 seconds to load. Compressing images with tools like TinyPNG, ShortPixel, or Squoosh can reduce file sizes by 60 to 80 percent with no visible quality loss.

Should I host videos on YouTube or on my own website?

For most small businesses, YouTube is the better choice. YouTube handles all hosting costs, provides fast video delivery worldwide, and gives you access to the second largest search engine in the world. Videos hosted on YouTube can also appear in Google search results with rich video thumbnails. Self-hosting videos on your own server is expensive, slows down your website, and limits your reach. The recommended approach is to upload to YouTube and embed the video on your website — you get the benefits of both platforms.

What is video schema markup and do I need it?

Video schema markup is a piece of code you add to pages that contain videos. It tells Google the video’s title, description, thumbnail, duration, and upload date in a structured format. When Google reads this markup, it can display your video with a rich result in search — a large thumbnail with a play button that stands out from regular text results. If you have important videos on your website (testimonials, tutorials, product demos), video schema markup significantly increases the chance those videos appear prominently in search results.

How do AI search tools like ChatGPT and Perplexity use image and video context?

AI search tools rely on text-based signals to understand images and videos because they process web content primarily as text. This means your alt text, file names, captions, surrounding paragraph text, and schema markup all feed directly into how AI systems interpret and reference your visual content. When someone asks ChatGPT or Perplexity a question and your page has well-described images or properly marked-up videos, those AI tools are more likely to cite your page in their response. Poor or missing descriptions mean your visual content is invisible to AI systems.

Quick glossary

Terms used in this article.

Alt text (alternative text): A short written description attached to an image in your website’s code. It helps screen readers describe images to visually impaired users and helps search engines understand what an image shows.
Image compression: The process of reducing an image’s file size without significantly reducing its visible quality. Smaller files load faster, which improves page speed and SEO.
Lazy loading: A technique where images only load when a visitor scrolls down to them, rather than all loading at once when the page first opens. This speeds up initial page load times.
WebP: A modern image format developed by Google that offers better compression than JPEG or PNG. It produces smaller file sizes at the same visual quality, supported by all modern browsers.
Video schema markup (VideoObject): Structured data code added to a web page that tells search engines details about a video: its title, description, thumbnail, duration, and upload date. Enables rich video results in Google.
Rich result: An enhanced search result that includes extra visual elements like thumbnails, star ratings, or other details beyond the standard title-and-description format.
Bounce rate: The percentage of visitors who leave your website after viewing only one page without taking any action. A high bounce rate often signals slow loading or poor user experience.

Bottom line: Your images and videos are valuable business assets, but only if people can find them. Maricel went from invisible in Google Images to receiving client enquiries directly from image search. Cherry cut her page load time from 18 seconds to under 3. Paolo started getting restaurant bookings from Google Image results. Teresa’s video testimonials began appearing in search with rich thumbnails and driving consultations. Every one of these results came from the same fundamentals: descriptive alt text, smart file names, compressed images, and proper video markup. None of it required coding expertise. All of it made a measurable difference. Start with your most important pages today.

Next: Rich Results & Structured Data → ← Previous: Title Tags & Meta Descriptions

Need help?

Want your images, videos, and entire site optimised for search?

Image and video SEO is one piece of a larger puzzle. A full SEO engagement covers everything from technical foundations to content strategy to AI search readiness.

Explore SEO Services Free Consultation