DEV Community

Cover image for More Clients: Show Up in Google AI (in 24h)
joseph quesada
joseph quesada

Posted on • Originally published at wedoitwithai.com

More Clients: Show Up in Google AI (in 24h)

As content strategists, we often see businesses miss out on new search opportunities. Google's AI Overviews and enhanced image search are changing how local businesses get discovered. We learned that integrating Schema Markup and granular image optimization is crucial for AI visibility, beyond just traditional SEO. This article explains how we implement these strategies for our SMB clients to ensure they're 'seen' by Google's AI, and what expert developers should consider when building for this new landscape.

Imagine a customer in downtown San José searching for “the best coffee shop with Wi-Fi and homemade desserts.” With Google’s new AI features, they won’t just see lists of links, but AI-generated recommendations that can include images, summaries, and even dish suggestions. For your local business, appearing in these Google AI recommendations, and doing so with attractive images, is crucial for capturing attention. Google’s AI is transforming search, prioritizing visual and relevant content, and your website needs to be prepared to be 'discovered' by these new systems.

What it costs you today

If your website isn't optimized for these new visual and AI trends, it's costing you more than you think. Every day, potential customers search for services like yours on Google. If your hotel, beauty salon, or restaurant doesn't appear with appealing photos and the correct information in AI suggestions, they are going directly to your competition. Think about how many customers might pass by if your page loads slowly on mobile, or if Google can't 'understand' your images. A small hotel could lose 15-20 bookings a month just because of this, which translates into hundreds of dollars in lost revenue. Additionally, if your images are not high-quality or lack proper descriptions, Google's AI won't display them, missing a golden opportunity to stand out.

The actual fix

The good news is you don't need to be a tech expert to adapt. The key lies in two areas: first, ensuring your website has your business information perfectly structured for Google to understand. This is achieved with something called 'structured data' or Schema Markup. It's like putting clear labels on everything on your website (address, hours, business type, reviews). Second, and now more important with Google's AI image generation, is optimizing your photos. It's not just about them being pretty; they must be high-quality, load quickly, and have detailed descriptions (alternative text or alt text) so the AI knows what they show and can recommend them.

Step 1: Speak Google's language with Structured Data (Schema Markup)

Think of Schema Markup as a dictionary you give Google so it understands every detail of your business. For example, if you have a restaurant, you explicitly tell Google: 'This is a Restaurant, this is its address, this is its menu, these are its hours, and these are my customer reviews.' When Google's AI generates a summary or a recommendation, it uses this information to present you in the most relevant way. You can learn more about structured data on schema.org .

{
  "@context": "https://schema.org",
  "@type": "Restaurant",
  "name": "La Fogata Costarricense",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Av. Central, Calle 3",
    "addressLocality": "San José",
    "addressRegion": "SJ",
    "postalCode": "10101",
    "addressCountry": "CR"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 9.9328,
    "longitude": -84.0795
  },
  "url": "https://www.lafogata.com",
  "telephone": "+50622345678",
  "menu": "https://www.lafogata.com/menu",
  "servesCuisine": "Comida Típica Costarricense",
  "priceRange": "$$",
  "image": "https://www.lafogata.com/img/fachada.jpg",
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
      "opens": "11:00",
      "closes": "22:00"
    },
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Saturday", "Sunday"],
      "opens": "12:00",
      "closes": "23:00"
    }
  ]
}
Enter fullscreen mode Exit fullscreen mode

This code, which goes in the backend of your website, is invisible to your customers, but vital for Google. It gives the AI all the information it needs in a structured way.

Step 2: Make Your Images 'Intelligible' for Google's AI

Google can now generate images in its AI overviews and has revamped its Images page. This means your photos not only need to look good, but the AI must understand what they are. For this, every image on your site needs a descriptive alt text (alternative text). If you have a photo of a dish, the alt text should not just be 'food', but 'Traditional Gallo Pinto with fried egg and ripe plantain'. This helps the AI match your content with visual and textual searches, and even generate new related images that could drive traffic to your site.

<img src="/img/gallo-pinto.jpg" alt="Traditional Gallo Pinto with fried egg and ripe plantain, served on a rustic plate" width="800" height="600">
Enter fullscreen mode Exit fullscreen mode

In addition to alt text, make sure your images are compressed to load quickly on mobile devices and are high-resolution. AI prefers quality content.

DIY vs hire us

You could try to implement these changes yourself. There are many online tutorials for adding Schema Markup or learning about image optimization. But it would take you hours to learn the basics, then more hours to implement and test that it works well. And if you make a mistake, it could affect your ranking. For a busy restaurant owner, that's time they don't have and a risk they don't need.

With We Do IT With AI, we handle all of this for you. For $100/month, we cover hosting, database, maintenance, and content updates. We not only implement Schema Markup and optimize your images, but we ensure your site is always up-to-date with the latest Google updates. It's a small investment that saves you a lot of time and ensures Google's AI always has the best information about your business. You can see our packages here: wedoitwithai.com/es#paquetes.

Real case

A clothing boutique in Escazú, "Estilo Urbano," noticed that people were searching for 'sustainable fashion Escazú' but their site wasn't appearing. After we implemented Schema Markup for their business type and optimized the images of their garments with detailed alt text, they began to appear in Google's AI summaries for clothing searches. In just one month, they saw a 30% increase in organic visits to their website and 12 additional WhatsApp inquiries that converted into sales. They went from being 'invisible' to being an AI 'recommendation'.

FAQ

  • How long does it take to see results after optimizing for Google's AI? While Google is unpredictable, changes in Schema Markup and image optimization are usually detected quickly, sometimes in a matter of days or weeks. A hotel in Tamarindo, Costa Rica, saw its rooms and services begin to appear in new Google Images visualizations and AI summaries in less than two weeks, leading to 5 more direct bookings that month.
  • Why can't I just use Wix or Squarespace for this? Platforms like Wix and Squarespace are great for getting started, but they offer limited control over how structured data or advanced image optimization is implemented at the code level. Often, what they offer is basic or generic. To truly stand out in Google's AI recommendations, you need a personalized and precise implementation, something a custom site can offer, and where our expertise becomes vital.
  • Do I need to constantly create AI content for my site? No, you don't need to constantly generate content with AI. The important thing is that your existing content (product descriptions, services, blog) is high-quality, relevant, and well-structured so that Google's AI understands it. Our agency We Do IT With AI focuses on optimizing your current content and ensuring it is 'readable' for AI, not on creating 'AI spam'.

Ready for Google's AI to not only find your business but actively recommend it to your next customers? Stop losing opportunities and start converting visits into bookings or sales. It's time for your restaurant, hotel, or beauty salon to shine in the most modern search results. Chat with us on WhatsApp today for a quick, no-obligation consultation! We can quote your website in 10 minutes and explain how we'll make it shine. No long-term contracts, cancel anytime! Get your website quoted in 10 minutes!

Architecture Overview: AI-Assisted Local Business Landing Page

For small to medium local businesses, we prioritize a lean, fast, and AI-optimized architecture. The goal is maximum visibility and conversion with minimal maintenance overhead.

graph TD
    A[Client Browser/Mobile App] -->|Request| B(Cloud CDN/Edge Cache)
    B -->|Cache Miss| C(Next.js App Server)
    C -->|API Calls / DB Read| D(Managed Serverless DB - e.g., Supabase/PostgreSQL)
    C -->|Content & AI Services| E(CMS / AI API - e.g., OpenAI/Google Gemini)
    E -->|Image & Text Gen|
    D -->|Data Storage| F[Object Storage - e.g., S3 for images]

    subgraph Deployment
        C --> G(Vercel/Cloudflare Pages)
    end

    H[Google Search/AI Overviews] -->|Crawls & Indexes| B
    H -->|Consumes Structured Data| D
    H -->|Analyzes Images| F
Enter fullscreen mode Exit fullscreen mode

Component Explanations:

  • Client (A): Users accessing the website, typically on mobile. Speed and responsiveness are paramount.
  • Cloud CDN/Edge Cache (B): Crucial for global reach and lightning-fast load times. Serves cached content directly, reducing server load and improving Core Web Vitals, which Google's AI considers.
  • Next.js App Server (C): A robust framework for building fast, SEO-friendly web apps. We use it for server-side rendering (SSR) and static site generation (SSG) to ensure content is immediately available to crawlers and users. It handles routing and integrates with backend services.
  • Managed Serverless DB (D): For storing business-critical data (menus, services, booking info, testimonials). We opt for serverless options (like Supabase or a managed PostgreSQL) for cost-effectiveness and scalability without manual server management. Crucially, structured data (Schema Markup) is dynamically generated from this data.
  • CMS / AI API (E): A headless CMS (e.g., Strapi, Contentful) allows easy content management for business owners. AI APIs are integrated for automated content generation (e.g., product descriptions, blog post drafts) or to process user inquiries (e.g., chatbots). For this post, it highlights how AI helps with content creation but isn't the primary focus of this article's AI-readiness.
  • Object Storage (F): All media assets (high-resolution images, videos) are stored here and served through the CDN. Proper image optimization (compression, WebP format, detailed alt attributes) is automated during deployment to ensure AI readability and fast loading.
  • Vercel/Cloudflare Pages (G): Modern platforms for deploying Next.js applications, offering seamless CI/CD, global CDN integration, and serverless functions, aligning with the $100/month budget for hosting and maintenance.
  • Google Search/AI Overviews (H): The target system. Our architecture ensures that all content is crawlable, indexable, and rich with structured data and optimized media to maximize visibility in traditional search results and new AI-generated recommendations.

Want This Implemented for Your Business?

At WeDoItWithAI, we deploy production-ready AI solutions for companies. Book a free 30-minute assessment.

Top comments (0)