SEO and social sharing
Fine Print writes the tags that search engines and social networks read from the content you enter in Shopify admin. The theme editor has no SEO settings of its own. You improve how your store shows up by filling in the right fields in Shopify admin and by giving each page one clear main heading.
What the theme adds to every page
Section titled “What the theme adds to every page”- A title tag: the page title, then your store name. A collection or blog filtered by a tag adds the tag, and the second and later pages of a list add the page number. If the title already contains your store name, the theme does not add it twice.
- A meta description, when the page has a description in Shopify admin. A page without one gets no meta description tag.
- A canonical link to the page’s main address, so search engines treat variations of the same address as one page.
- Open Graph tags: the store name, address, title, description and image that Facebook, Pinterest, messaging apps and others use for link previews. Product pages are marked as products and add the price and currency, and blog posts are marked as articles. When a page has no description, the preview uses your store’s description, or your store name when that is empty too.
- Twitter card tags for a large-image card with the title and description. X takes the image from the Open Graph tags.
- A favicon, when you choose one in Favicon image in Theme settings > Favicon.
Structured data
Section titled “Structured data”Structured data describes a page in a format search engines read, in JSON-LD. Fine Print adds it to product pages only, using the product data Shopify generates from the product and its variants.
The theme adds no structured data for blog posts, breadcrumbs, FAQs, collections or your organization. The FAQ section shows questions and answers on the page without FAQ structured data.
Edit titles and descriptions
Section titled “Edit titles and descriptions”| Page | Where to edit |
|---|---|
| Home page | Online Store > Preferences, in Social sharing image and SEO |
| Products, collections, pages and blog posts | The item’s page in Shopify admin, in the Search engine listing section. Click the edit icon to change the title, description and address. |
Shopify recommends titles under 70 characters and descriptions around 160 characters. See Shopify’s guide to titles and descriptions.
The sharing image
Section titled “The sharing image”The image in a link preview comes from Shopify. Products, collections and blog posts share their featured image. Other pages, including the home page, share the social sharing image from Online Store > Preferences. If you have not set one, those pages share without an image. See Shopify’s guide to social sharing images.
Fine Print has no sharing image setting of its own. The links in Theme settings > Social media point to your social media profiles and play no part in link previews.
Alt text
Section titled “Alt text”Alt text describes an image to people using screen readers and to search engines. Fine Print reads it from the image itself, so you write it once per image in Shopify admin:
- Product images: open the product, click the image, and edit its alt text. See Adding alt text to media.
- Images you pick in the theme editor, such as a hero photo or a testimonial portrait, come from Content > Files. Click the file and fill in its alt text. See uploading and managing files.
A few places work differently:
- The header and footer logos use your store name when the logo image has no alt text.
- Product cards, cart lines and small thumbnails show the product title next to the image, so the theme gives those images empty alt text and screen readers don’t read the title twice.
- In the Video section, Play button label is what screen readers hear for the play button. A Shopify-hosted video uses the alt text of the video file for its poster.
Headings
Section titled “Headings”Each page should have one main heading, the H1, that says what the page is about. Most sections with a heading have a Heading tag setting, from H1 to H6 or Paragraph, separate from Heading size. That lets you keep the outline in order and still choose how big the heading looks.
Fine Print starts these headings at H1:
- Home page: the heading of the first section. In the Fine Print preset that is the Hero, in Remedy the Finder and in Larder the Featured collection.
- Product pages: the product title. The Product title block’s Heading tag sets it, in every Layout of the Product section.
- Collection pages: the collection title in the Collection banner section
- Search, cart, blog, blog post, page, collections list, password and 404 pages: the heading of the page’s main section
Every other section starts at H2. If you move or replace the first section of your home page, set its Heading tag to H1 and the old one’s to H2. A few edits remove the main heading or add a second one:
- Removing the Collection banner from the collection template leaves collection pages with no H1. The Collection products section has no heading.
- The finder page template holds only a Finder section, whose heading starts at H2, so that page has no H1. Set the section’s Heading tag to H1.
- A second Hero on a page adds a second H1. Set its Heading tag to H2.
- A home page that starts with another section, such as Rich text, has no H1 until you set that section’s Heading tag to H1.
- The Product title block inside a Featured product section starts at H2, so it doesn’t compete with the page’s main heading.