05.1 / Subguide

SSR and SEO-friendly HTML

Explore server-rendered content from product names to category listings and pagination links. Understand the roles of HTML structure and browser interactions.

01 / Guide

SSR: content prepared on the server

The Twicart storefront prepares essential search content on the server and includes it in the HTML output. SSR means constructing the page’s content structure on the server. Core product and category information is therefore part of the initial page response.

This approach considers visible product content and the content available to search engines together. Presenting product names, descriptions and category listings in an understandable page structure supports content management and technical SEO.

Google: JavaScript and server-rendered content

02 / Guide

SSR on product pages, field by field

AreaSEO approach
Product nameThe product name is included in server-rendered page content and identifies the product.
Product imageThe image’s HTML element is part of server output. Loading the image file in the browser is a separate step; inclusion in HTML does not mean every image file downloads at once.
Product descriptionProduct descriptions prepared for SEO form part of the server-rendered content structure. Explain the product’s use and distinguishing details here.

Preparing product content

03 / Guide

SSR on category pages, including listings and pagination

AreaSEO approach
Category contentThe category name and SEO descriptions form part of the server-rendered page content.
Products in the categoryThe product listing for the requested category page is server-rendered, including product names, image elements and product-page links.
PaginationPagination links are included in the server-rendered structure. Links lead to further catalogue pages; the requested page contains its own product listing.

Explore pagination and canonicals

04 / Guide

H1, H2 and meaningful HTML structure

Twicart’s page structure is designed around purposeful HTML elements. Main headings, section headings, descriptions and links form a content hierarchy. Headings describe sections rather than serving only as a way to enlarge text.

AreaSEO approach
H1Describes the page’s main subject, such as a product or category name.
H2Divides the main subject into sections such as use, specifications or frequently asked questions.
H3Organises subtopics within a section.
Paragraph, list and linkPresents explanations, features and navigation with elements suited to their purpose.

Explore Page Builder’s HTML output

05 / Guide

SSR and browser interactions have different roles

Content in the initial HTML does not make a page non-interactive. Moving through a gallery, opening a modal or responding to form input can use browser JavaScript. These illustrate client-side interactions, not a claim that each Twicart component is rendered only through CSR.

Separate content from behaviour

A server-rendered component can become interactive in the browser. Clickability does not imply absence from the initial HTML. The SSR scope here concerns product and category content; a component-level CSR inventory requires inspection of rendered output.

Explore more Twicart guides.

Find all topics on the technology overview page.

Back to the technology overview
SSR and SEO-friendly HTML | Twicart