SEO, speed and accessibility

Built into the theme

Speed

• CSS and JavaScript are minified by HubSpot and served from its CDN.
• Module styles and scripts load only on pages that use the module.
• Images below the fold are lazy-loaded and resized for the screen; the first hero image loads first with high priority so the page appears faster.
• Images have width and height set, so the layout doesn't jump while they load.
• Google Fonts load once, with the weights the theme uses, and only when you choose a Google font.
• Content that is already on screen when the page opens is shown straight away instead of waiting to animate in.

Search engines and AI assistants

• A clear heading structure on every template.
• Structured data you can turn on or off: Organization and WebSite (footer), BlogPosting (posts), BreadcrumbList (breadcrumb and posts) and FAQPage (FAQ module).
• Clean, semantic HTML that HubSpot's own SEO tools can read.

Accessibility

• A skip link, keyboard-friendly menus, tabs, accordions and sliders, and visible focus outlines.
• Screen reader labels for icon buttons, editable in each module's Interface labels.
• Default colors are chosen for readable contrast in light and dark mode.
• Animations respect the visitor's reduced-motion setting.

Your part

• Meta descriptions: write one for every page and post in its Settings. HubSpot's SEO recommendations flag the ones that are missing.
• Alt text: describe every meaningful image in its alt text field. Leave it empty only for purely decorative images.
• Image size: upload images close to the size they are shown (a hero image around 1920px wide is plenty) and prefer JPG or WebP for photos.
• Contrast: if you change the colors, check that text is still easy to read on its background in both modes.
• Third-party scripts: chat widgets, extra tracking and embeds add the most weight to a page. Add only the ones you need.