--- title: Create social share images for every page description: Give every page on your website a branded preview image, so links shared on LinkedIn, Slack, X, and Facebook look intentional instead of blank or random. slug: /use-cases/social-share-images page_type: use-case lead_prompt: How do I create social share images for every page on my website with AI? target_prompts: - Can an AI marketing agent make social share images for all my pages? - How do I make Open Graph images for my website? - Why does my link show the wrong image when shared on LinkedIn? - What size should a social share image be? - Can AI generate a branded preview image for every page? entity: Kite category: AI marketing agent author: Devon Wells and Kite date_published: '2026-10-30' date_modified: '2026-10-30' related_integrations: - /integrations/github.md --- # Create social share images for every page ## Key Takeaways - A social share image is the picture that appears when someone pastes your link into LinkedIn, Slack, X, Facebook, or a text message. Your page names it in a hidden tag called the Open Graph image, and the standard size is 1,200 by 630 pixels. - Covering every page takes two layers: a branded default image that any page without its own image falls back to, and custom images for the pages people actually share, such as your homepage, launch pages, and blog posts. - On websites Kite builds, every page gets a share image automatically. A page with no image of its own shows a branded card with your company name and tagline on your brand color, and Kite can design a custom image for any page you want to stand out. - Kite checks your pages for missing share images, adds the image along with a matching share title and description, and shows you the changes before they go live. - When a link still shows an old image after you change it, the platform is usually showing a copy it saved earlier. Kite gives an updated brand card a new web address so the old image can't linger, and it can walk you through asking LinkedIn or Facebook to refresh a preview they've already saved. ## Why do shared links show a blank or random image? When you paste a link into LinkedIn or Slack, the platform visits the page and looks for a few tags in its code that describe how the link should look. These are called Open Graph tags, and the most important one names the image. If a page has no image tag, the platform guesses. It might grab your logo, a tiny icon, a photo from halfway down the page, or nothing at all. That's why the same website can look polished when one page is shared and broken when another one is. Most websites have a share image on the homepage and nowhere else. Somebody set it up at launch, and every page added since then went out without one. Your blog posts, pricing page, and landing pages are often the links people share most, and they're the ones most likely to show up as a gray box. Getting a good image on every page means doing three things: - **Make the images.** Each one needs to be 1,200 by 630 pixels, look like your brand, and still read clearly when LinkedIn or Slack shrinks it to a thumbnail. - **Add the tags to every page.** Each page needs an image tag, plus a share title and description, with the image stated as a full web address the platform can fetch. - **Keep it up as the site grows.** Every new page needs an image too, and a changed image has to reach platforms that have already saved the old one. None of this is hard, but it's tedious, and it's the kind of detail that slips when nobody owns it. That makes it a good job for an AI agent that already works on your website. Kite is an AI marketer. It researches your business, builds a growth strategy, and ships the work that brings you new customers. On the sites it builds and manages, it handles share images as part of keeping the site in good shape. ## How Kite creates social share images for every page Kite treats share images as a system, not a one-off design task. Every page on a site Kite builds already has a share image, because a page without one falls back to a branded card drawn from your brand name, tagline, and colors. That means no link from your site shows up blank, even on a page published this morning. From there, Kite makes custom images for the pages that deserve one, using the colors, fonts, and imagery it recorded when it researched your brand. It sets the image alongside each page's share title and description, so the whole preview tells the same story. When you ask, Kite scans your site for pages missing a share image and fixes them. When your branding changes, the default card updates with it. ### Give every page a branded image automatically Every page on a website Kite builds gets a share image without anyone setting one. Kite's sites choose each page's image in a fixed order. A page uses its own image if it has one. If it doesn't, it uses the default share image set for the whole site. If there's no site default either, it uses a share card the site generates from your brand settings. That card is 1,200 by 630 pixels. It shows your company name in large type with your tagline underneath, set on your primary brand color with a short stripe in your accent color. The text color switches between dark and light depending on how light your brand color is, so the card stays readable. The card comes from the same brand settings the rest of your site uses, so it never shows a name or a claim your site doesn't already state. Blog posts and other articles have one more option in that order. If a post has a featured image and no separate share image, the featured image becomes its share image. A post with a strong header photo gets a preview that matches it without any extra work. The automatic card is the same on every page that doesn't have its own image. That's a good floor. Your links always look like they came from your company. For the handful of pages you share most, a custom image does more. If you don't have a site yet, see [Launch a marketing website](/use-cases/launch-a-marketing-website.md) for how Kite builds one with share images, titles, and descriptions in place from the start. ### Make custom images for the pages people share most Kite designs a custom share image for any page you name, and it uses your brand system to keep each image consistent with the rest of your marketing. During onboarding, Kite records your colors, typography, logo, and the style of imagery your brand uses. When it makes a share image, it generates or edits an image to fit that system, or it works from images you supply and photos already on your site. The pages worth a custom image are usually the ones that get shared on purpose: - your homepage - launch and product pages - pricing - landing pages for campaigns or events - blog posts you plan to promote A custom image can say something the default card can't. For a launch page, that might be the product name and a one-line promise. For a webinar landing page, it might be the topic, the date, and the speaker's photo. The important text belongs near the center of the image, because LinkedIn, Slack, and X each trim the edges a little differently. When Kite writes a blog post for your site, it can make the post's featured image too, and that image doubles as the share image unless you want a different one. ### Set the share title and description that go with the image A share image is one part of a preview, and Kite sets the other parts so they match. Most platforms show the image above a title and a short description. Kite writes those for each page, and on a site it builds, a page with no share description gets one taken from its own opening text. Every page also carries your site name, so the preview shows where the link comes from. Kite's sites state every share image as a full web address, even when the image was saved with a short path. A short path like `/images/launch.png` works in a browser but can't be fetched by a platform that doesn't know which site it belongs to. Kite's sites also mark each page that has an image for X's large-image card, so the image appears full width in a post instead of as a small square beside the link. ### Find the pages that are missing a share image Kite can scan your website and list the pages that are missing a share image, title, or description. The scan reads the tags on each page it visits, the same tags a platform reads when someone shares the link, so it catches the pages that would show up blank. To run it, ask Kite to audit your site. The same scan checks the other technical basics that affect how search engines and AI systems read your pages, which [Check your website's readiness for AI agents](/use-cases/ai-agent-readiness.md) covers in more detail. On a site Kite builds, it fixes what it finds through the site's content editor. Each change waits as an unpublished change you can preview, and it goes live when you publish. If you'd rather set a share image yourself, the content editor has a field for it on every page. If you're moving an existing website to Kite, the share images you already have come with it. Kite copies each page's existing image to its own image hosting, so the preview keeps working after your old host is gone. Pages that never had an image pick up the site default or the branded card. ### Fix a link that still shows the old image If a link shows the wrong image after you've changed it, the platform is almost always showing a copy it saved earlier. LinkedIn, Facebook, Slack, and X store a link's preview the first time anyone shares it, and they reuse that copy for days or weeks. Updating the image on your page doesn't change what they've stored. There are really two saved copies to deal with. The platform saves the preview for your page, and it also saves the image file under the image's web address. If the new image keeps the old address, the platform can keep showing the old picture even after it reads your page again. Kite builds the fix for that into the automatic card. When your brand name, tagline, or colors change, the card's address changes too, so a platform that reads your page sees a new address and fetches the new card. A new custom image is saved at its own new address, so it works the same way. The saved preview for the page is the other half. For a link that's already been shared, ask the platform to look at the page again. LinkedIn's Post Inspector and Facebook's Sharing Debugger both fetch a page fresh and update the saved preview. Kite can tell you which tool to use and what to check if the preview still looks wrong, such as an image that's too small, an image blocked from crawlers, or a page that requires a login. ## What you get - **A share image on every page.** Every page on a site Kite builds shows a branded image when it's shared, including pages published after launch. - **Custom images for the pages you share most.** Kite designs images for your homepage, launches, landing pages, and posts in your brand's colors, fonts, and style. - **Complete previews.** Each page gets a share title and description that match its image, set so LinkedIn, Slack, X, and Facebook all display it correctly. - **A list of pages missing an image.** Kite's scan shows which pages would show up blank when shared and fixes them for you to approve. - **Previews that keep up with your brand.** When your branding changes, the default card changes with it and gets a new address, so platforms can't keep showing the old one. ## How to get started Start by telling Kite what you're seeing or what you want. You might say, "Our blog posts show up with no image on LinkedIn," or "Make a share image for our new pricing page that matches the homepage." If Kite built your site, every page already has a share image, so the first useful step is choosing which pages deserve a custom one. Tell Kite which pages you plan to promote, and it designs an image for each. It shows you each image before it goes live, and the changes publish when you approve them. If you're asking about a site Kite doesn't host yet, Kite can scan it and tell you which pages are missing share images. To have Kite make the fixes, import the site from its GitHub repository or move it to Kite. You can work with Kite in your browser or in Slack. ## Integrations used for social share images Kite makes share images with its own built-in image tools and publishes them directly to the websites it builds and hosts, so nothing needs to be connected. A connection comes in when your website lives somewhere else. ### Update a site you keep in your own code repository - [GitHub + Kite](/integrations/github.md): Import your website's repository so Kite can add share images and their tags to your pages in code. Kite merges the change into your default branch, or opens a pull request if you protect that branch, and your own deployment ships it. ## Common questions ### What size should a social share image be? Use 1,200 by 630 pixels. That shape works on LinkedIn, Facebook, X, and Slack, and it's the size of the card Kite generates for every page that doesn't have its own image. Keep important text and faces away from the edges, because each platform trims the sides or corners a little. Save the image as a PNG or JPG, and keep the file small enough to load quickly, ideally well under a megabyte. ### Do I need a different share image for every page? No. Every page needs a share image, but most pages do fine with a branded default. Spend the effort on the pages people share on purpose, such as your homepage, launches, landing pages, and blog posts you promote. On a Kite-built site, every page starts with the branded card, and you add custom images where they'll be seen most. ### Can I use AI-generated images as share images? Yes. A share image only has to look right and represent the page honestly. Kite generates and edits images using your brand's colors, fonts, and imagery. It can also build a share image from your own photos or the images already on your site, which is the better choice for pages where a real product photo or a real person matters. ### Do share images help with SEO? Share images don't change where a page ranks in Google. They change how the link looks wherever it's shared, which affects whether people click it in a LinkedIn feed, a Slack channel, or a group chat. A missing image is still worth fixing, and Kite's site scan flags it alongside other problems that affect how your pages appear in search and AI answers. ### Where can I see examples of good share images? See Open Graph image examples: social share images that get clicked (coming soon) for examples by page type and what makes each one work.