Cafe Photo SEO: Filenames, Alt Text and Image Size
Most cafe websites are full of photos named IMG_4837, uploaded straight from a phone at whatever size the camera produced, with no description attached to any of them. Short answer: photo SEO for a cafe is a workflow of three steps done once per photo, rename, resize, describe, plus one habit, put the photo near the words it illustrates. None of this is complicated, but almost no cafe does all three consistently.
This is the workflow, not a list of examples. It gives you a filename and alt text template built specifically for cafe subjects, a size range sourced from Google's own guidance, and how the actual steps differ across Wix, Squarespace and Shopify. Budget about five minutes per photo once you have the routine down.
Why This Connects to Page Speed, Not Just Search
A photo straight off a phone camera is often several megabytes, sized for a screen far larger than anything it will ever be displayed at on a website. That weight adds directly to how long a page takes to load, and page speed is itself something Google's own documentation ties to how a page is evaluated. An unprocessed photo is not just a missed search opportunity, it is a measurable drag on the page it sits on.
This post is not about diagnosing a slow website generally, that is its own topic. It is narrower: what happens to an image specifically, from the moment it comes off a phone to the moment it is live on a cafe's site, and how each step in that path either helps or hurts both search and speed at the same time.
The three steps, rename, resize, describe, are not three separate projects. They are one five minute pass you do to every photo before it goes on the site, and doing all three together is what actually moves the needle, rather than doing one and skipping the others.
Step One: Rename
A file named IMG_4837.jpg tells a search engine nothing about what the photo shows. A file named espresso bar counter.jpg or oat milk latte pour.jpg tells it something real, in plain, descriptive words rather than a code. This is the first and easiest step, and it should happen before the file is ever uploaded, since some platforms strip or replace file names automatically on upload, which changes what renaming can accomplish after the fact.
For a cafe specifically, the useful filename categories are consistent across almost any shop: espresso bar, roasting, pastry case, exterior, interior seating, latte art, drink in hand, staff at counter, storefront sign. Use plain words separated by spaces, lowercase, describing exactly what is in the photo, not a slogan or a marketing phrase.
A simple naming habit that works across a whole photo library is subject plus location plus detail, in that order: espresso bar morning light, exterior storefront sign, pastry case croissants. This gives every file a name that is both genuinely descriptive and easy to scan later when you are looking for a specific photo to reuse.
Step Two: Resize and Compress
Google's own image guidance is consistent on this point: use appropriately sized images, compress them, and choose a format suited to the content, all in service of a faster loading page and a better experience for the person viewing it. None of this is about tricking a search engine. It is about not making a visitor wait for a five megabyte photo to load when a version a fraction of that size would look identical on their screen.
On Hillcane's own test pages, tested September 21, 2026, processing brought file weight down substantially from the original unprocessed phone camera size to a resized, compressed version, without a visible drop in quality at normal display sizes. The exact savings depend on the original photo and the compression settings used, so the honest guidance is to test your own images rather than assume a fixed percentage, but the direction of the effect, a large cut in file weight with no visible quality loss, held consistently across every photo tested.
Most modern website platforms, Wix, Squarespace and Shopify among them, apply some degree of automatic compression and resizing on upload. That is a real convenience, but it should not be treated as a substitute for starting with a reasonably sized original. A five megabyte original run through automatic platform compression can still end up heavier than a properly resized two hundred kilobyte original run through the same process, so doing your own resizing first remains worth the extra minute.
Step Three: Describe With Alt Text
Alt text is the written description attached to an image that a screen reader announces to a visitor who cannot see the photo, and that search engines read directly since they cannot interpret pixels the way a person can. Google's documentation is direct about this: alt text should describe the image accurately and concisely, in the way you would describe it to someone who cannot see it, not stuffed with unrelated keywords.
For a cafe, good alt text follows the same subject logic as the filename but written as a real sentence, not a string of nouns. Espresso bar counter becomes something like a barista pulling a shot at the espresso bar. Pastry case croissants becomes a pastry case with fresh croissants and muffins. The test is simple: would this sentence make sense read aloud to someone who has never seen the photo, describing what is actually there rather than what you wish the photo communicated.
Every platform stores alt text in a dedicated field, separate from the file name and separate from any visible caption, and the exact label and location of that field differs by platform, covered in the next section. Fill it in for every photo that carries real information, meaning most of them, and skip it only for purely decorative images that add nothing if a screen reader skips past them.
How the Platforms Handle Uploads Differently
On the platforms tested for this post, image handling differs in ways worth knowing before you build your routine. Each platform provides a distinct field for alt text, separate from any caption field, and each stores it differently in the page's underlying markup, though the practical effect for a cafe owner is the same regardless: there is always a specific, findable place to type a real description, and it is never the same field as a visible caption shown to visitors.
Whether a platform preserves, strips, or auto renames an uploaded file's original name on upload changes how much renaming before upload matters. On platforms that preserve the original file name in the underlying image URL, renaming before upload carries through and is worth doing. On platforms that auto generate their own file identifier regardless of what you upload, the pre upload rename still matters for your own file organization and for any use outside that platform, but its direct effect on the live page's file name may be limited. Check your own platform's behavior on a test upload rather than assuming either way.
Automatic resizing and compression on upload is common across all three platforms tested, but the degree varies, and none of them fully replace the benefit of starting with a properly sized original rather than relying entirely on the platform to fix an oversized file after the fact.
The Five Minute Routine
Put the three steps together and the whole process for one photo looks like this. Take or select the photo. Rename the file using the subject plus location plus detail pattern, in plain lowercase words separated by spaces. Resize and compress it to a reasonable display size before uploading, rather than uploading the original straight from the camera. Upload it to the platform, into the field or block where it will be used, near the text it relates to on the page. Fill in the alt text field with an honest, concise sentence describing what is in the photo.
That is the entire routine, and once it becomes a habit it genuinely runs close to five minutes per photo, faster once you have a mental list of the standard cafe subject categories, espresso bar, roasting, pastry case, exterior, interior, drink in hand, ready to reach for.
The habit that matters most beyond the three steps is placement: a photo of the espresso bar belongs near the paragraph about your espresso program, not buried in an unrelated gallery at the bottom of the homepage. Search engines and readers both read images in the context of the words around them, and a well named, well described photo sitting next to unrelated text loses much of the benefit either step alone would have provided.
A Worked Example, Photo by Photo
Picture five photos a cafe owner might take in a single afternoon: the interior seating area, a drink being poured, the roasting equipment if the shop roasts on site, the pastry case, and the exterior storefront. Each one, run through the three step routine, ends up looking something like this.
The interior seating photo becomes interior seating morning light as a file name, with alt text reading something like the interior seating area with wood tables near the front window, and it belongs on the page near a paragraph describing the space or the about section. The pour shot becomes oat milk latte pour, alt text a barista pouring latte art into an oat milk latte, placed near the drinks menu or an espresso description. The roasting photo becomes roasting drum close up, alt text coffee beans in the roasting drum during a roast, placed near any content about where the beans come from. The pastry case becomes pastry case morning selection, alt text a pastry case with croissants and muffins, placed near a food menu section. The exterior becomes exterior storefront sign, alt text the storefront sign and entrance from the sidewalk, placed near a location or hours section, or on a location page where an out of town visitor is trying to confirm they are looking at the right building.
None of these five took more than a few minutes once resized and compressed, and together they give a cafe site a descriptive, accessible photo set covering the handful of subjects that matter most, without needing a professional shoot or a large photo library to start.
What This Post Does Not Cover
This post is the workflow and the template, not a library of examples. A separate sibling post walks through twenty good and bad alt text examples for cafe photos in detail, and that is the place to go for a wider range of worked cases beyond the handful of subject categories covered here.
This post also does not measure how many cafe websites are missing alt text across our broader research, since that is not a field our census currently tracks reliably. A search of the descriptive text we do have on file across more than a thousand shops found only a handful of mentions of alt text at all, far too few to state any kind of finding about how common the problem is nationally. What can be said honestly is narrower: on Hillcane's own test pages, this workflow produced a measurable, real cut in file weight with no visible quality loss, and that is the extent of what the current data supports.
There is no promise here that better photo SEO will drive image search traffic on its own. What this workflow reliably delivers is a faster page, a more accessible page for visitors using a screen reader, and images that are legible to the same tools reading the rest of your site's content, which is a real, modest, honest outcome worth the five minutes per photo it takes.
Related Reading
More from Hillcane on this topic, plus the pages on the site that sit next to the work.
Frequently Asked Questions
Do photos help SEO for a cafe website?
Photos themselves are not a guaranteed ranking factor, but properly sized and described images support two things that do matter: page speed, since a heavy unprocessed photo slows the whole page down, and accessibility, since alt text lets screen readers and search engines understand what an image shows. Treat photo SEO as page quality work, not a shortcut to traffic.
What is alt text and where do I put it?
Alt text is a short written description of an image, read aloud by screen readers and read directly by search engines. Every major platform, including Wix, Squarespace and Shopify, provides a dedicated alt text field separate from any visible caption. Describe what is in the photo in a plain sentence, the way you would describe it to someone who cannot see it.
What should I name my cafe photo files?
Use plain, lowercase words separated by spaces describing the subject, location and detail, in that order: espresso bar morning light, pastry case croissants, exterior storefront sign. Avoid generic camera file names like IMG_4837 and avoid slogans or marketing phrases. Rename before uploading, since some platforms strip or replace file names on upload. The same pattern also makes your own photo library easier to scan when you want to reuse a shot later.
How much did resizing cut file size in your own testing?
On Hillcane's own test pages, tested September 21, 2026, resizing and compressing brought unprocessed phone camera photos down substantially in file weight with no visible quality loss at normal display sizes. The exact savings depend on the original photo, so the honest guidance is to test your own images rather than assume a fixed percentage applies universally.
Do Wix, Squarespace and Shopify automatically compress uploaded photos?
All three apply some degree of automatic compression and resizing on upload, which is a real convenience, but none of them fully replace the benefit of starting with a properly sized original. A large unprocessed photo can still end up heavier after automatic platform compression than a properly resized smaller original processed the same way.
Does renaming a photo file matter if the platform changes the file name anyway?
Platforms differ in whether they preserve, strip or auto rename an uploaded file's original name. Some preserve it in the live page's image URL, where renaming carries through directly. Others generate their own file identifier regardless of what you upload. Either way, renaming before upload is worth doing for your own file organization even where its effect on the live URL is limited, and testing your own platform is the only way to know for certain.
Where should a photo be placed on the page for the best effect?
Near the text it relates to, not in an unrelated gallery elsewhere on the page. A photo of the espresso bar belongs beside the paragraph describing your espresso program. Search engines and readers both interpret an image in the context of the surrounding text, so placement affects how much value a well named, well described photo delivers.
How common is missing alt text among cafe websites nationally?
This is not something our current data can answer reliably. A search of the descriptive notes we hold on more than a thousand independent shops found only a handful of mentions of alt text at all, far too few to state a national prevalence figure, so this post avoids making that claim and stays with what our own tests showed.
Will fixing my photo SEO bring more image search traffic?
This post does not promise that, since there is no reliable data connecting photo SEO work specifically to image search traffic for cafe websites. The honest, documented benefits are page speed and accessibility, both real and both worth the effort on their own, without needing an image search traffic claim to justify doing the work.
How can Hillcane help with a cafe's photo workflow?
Hillcane can help build the rename, resize and describe routine into your own photo library and set it up for your specific platform, Wix, Squarespace or Shopify, including where each one keeps its alt text field and how it handles file names on upload. Once the habit is in place it runs close to five minutes per photo. Reach out at hillcane.co/contact or call (256) 384-2449 to talk through your site's current photos.
Work with Hillcane
Most cafe sites are full of photos named IMG_4837 with no description attached. Here is the five minute routine that fixes it.
Want help building a photo workflow for your cafe site? Reach Hillcane at hillcane.co/contact or call (256) 384-2449.
Comments