guide

SEO, accessibility and speed

Search engine optimization

Page titles, meta descriptions and canonical URLs come from Shopify's SEO fields. Edit them at the bottom of each product, collection, page and post.
Open Graph and X (Twitter) cards for social sharing, using the page image or the Social sharing image from Theme settings.
Structured data for products, articles and breadcrumbs, plus organization and site search on the home page.
Search results, cart, account and password pages are kept out of search engines.
One main heading per page and descriptive alt text. Add alt text to images in Content › Files or the product media editor.

Skip link, visible focus states and full keyboard support for menus, drawers, tabs and galleries.
Screen reader labels on icon buttons, live announcements for cart updates and form errors.
Motion respects the visitor's reduced-motion setting, and animations can be turned off in Theme settings.
Check color contrast when editing color schemes. Text should stand out clearly against its background.

No jQuery or external libraries. Scripts are deferred and loaded only by the sections that need them.
Responsive images with lazy loading below the fold.
Fonts load from Shopify's font CDN with swap so text shows immediately.
Tip: keep hero images under 500 KB and avoid stacking many app embeds.