--- title: "Responsive Template Heading Failures Singapore | Aemorph" url: https://aemorph.com/en-sg/guides/responsive-template-heading-failures/ description: "Responsive template heading failures repeat your H1 and H2 tags for each screen size on Singapore sites. See why crawlers read each copy and how CSS fixes it." schema_type: TechArticle publisher: Aemorph publisher_entity: https://aemorph.com/entitymap.json#org_aemorph entities: [concept_responsive_heading_failure] language: en-SG updated: 2026-11-01 --- Guides # Responsive Template Heading Failures in Singapore: Why Your Page Repeats Its Headings to Crawlers **A responsive template heading failure writes a Singapore site's headings once for desktop, again for tablet and again for mobile.** Google then reads your H1 and H2 tags two or three times, sometimes in different wording. CSS hides the extra copies from visitors, but a crawler that skips your CSS reads them. The fault repeats on each page built from that template. The fix keeps one heading in the code and restyles it with CSS breakpoints. Google's mobile-first indexing guide, checked October 2026, asks for the same clear headings on mobile as on desktop. [Book a strategic conversation](https://aemorph.com/en-sg/contact/) Written by [Kevin Dam](https://aemorph.com/en-sg/about/), founder of Aemorph, who has practised SEO since 2010 and sits on the [Forbes Agency Council](https://councils.forbes.com/profile/Kevin-Dam-Global-Search-Architect-%7C-SEO-GEO-AEO-IMO-LLM-Visibility-Aemorph/4c8c7a38-1285-470d-8ea8-e517a310a00b). Aemorph is a [Google Partner](https://www.google.com/partners/agency?id=4441861842). [LinkedIn](https://www.linkedin.com/in/kevindam) --- ## Duplicate Headings Show Up Across Each Page of a Template **On a Singapore site, a responsive heading failure shows as more than one H1, or the same H2 and H3 repeated, on each page built from one template, because the template writes a heading per screen size and hides the extras with CSS.** Visitors see one heading; the HTML carries two or three. | Symptom | Where you see it | Likely cause to test | Fix | Where it gets fixed | | --- | --- | --- | --- | --- | | Two or three H1 tags on each page of a template | Screaming Frog H1 report, filtered for multiple H1s | Separate H1 tags for desktop, tablet and mobile | Keep one H1 and restyle it with CSS breakpoints | Page template | | The same H2 or H3 text appears twice in the HTML | Screaming Frog H2 report or the page source | Duplicated heading markup per breakpoint | Remove the duplicate tags from the template | Page template | | Headings differ in wording between screen sizes | View source at desktop and mobile widths | Mobile headings written shorter than desktop ones | Use one heading wording for each screen size | Page template and CMS fields | | Logo, menu, language switcher or footer labels marked up as headings | Screaming Frog heading reports across the site | Theme elements using H1 to H6 tags for styling | Replace the extra headings with CSS or div elements | Theme header and footer | | Search results show a heading the visitor never sees | Search results and the raw HTML | A hidden heading copy read as page content | Remove the hidden copy | Page template | *Symptoms, likely causes and fixes for responsive template heading failures on a Singapore site.* Responsive heading failures sit in a group of technical faults that stop the right page being read, and [single-page app rendering failures](https://aemorph.com/en-sg/guides/spa-seo-rendering-failures/) are their closest relative: both start in the template, one in duplicate HTML headings and the other in JavaScript that crawlers never run. A page that states its main heading three ways also duplicates itself inside one URL, a smaller cousin of keyword cannibalisation, and schema markup errors set the structured data against the visible page; the mobile [SEO](https://aemorph.com/en-sg/glossary/#seo-search-engine-optimisation) guide covers the wider mobile checks. ### Why does my page have multiple H1 tags? **A page has multiple H1 tags when its template writes an H1 for each screen size, or marks up a logo or banner as an H1, so the code repeats a heading the visitor sees once.** A Screaming Frog crawl lists each page with more than one H1, grouped by template. --- ## Templates Duplicate Headings When Layout Is Solved in the Markup **Responsive heading failures form when a theme fixes a layout problem with extra markup rather than CSS: a long desktop heading and a short mobile heading both sit in the code, and CSS hides whichever one the screen does not need.** The visitor's browser applies the CSS and shows one heading. A crawler that reads the raw HTML without applying the CSS reads each copy. Google uses the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking. It asks site owners to use the same clear and meaningful headings on mobile as on desktop. Google also states that heading order and heading count make no difference to Google Search on their own. The cost of a duplicated heading is clarity: the page states its topic in two or three versions, and a machine extracting the main claim has more than one to choose from. *[Source: Google Search Central, October 2026](https://aemorph.com/sources/#google-search-central-october-2026-responsive-template-heading-failures)* Aemorph's [SPO Triple Architecture](https://aemorph.com/en-sg/guides/spo-triple-architecture-for-llms/) writes each core fact as one subject, one action and one detail, so search engines and the AI chats lift it out whole. A heading repeated in different wording for each screen size gives the same fact two or three shapes. ### Do duplicate H1 tags hurt SEO? **Duplicate H1 tags carry no Google penalty, since Google states heading count makes no difference on its own, but they repeat your page's main claim in the code and, when the copies differ in wording, state it in competing versions.** Aemorph's template convention is one H1 per page. --- ## Singapore Mobile Searches Make the Mobile Heading the One Google Reads **Singapore buyers search overwhelmingly on Google, which indexes the mobile version of your site, so the mobile heading copy is the one that counts on the engine carrying more than nine in ten Singapore searches.** [Google held 92.16% of search engine market share in Singapore in September 2026 and Bing 4.53%](https://gs.statcounter.com/search-engine-market-share/all/singapore) (StatCounter). | Measure | Figure | Market and date | Source | | --- | --- | --- | --- | | Google search engine market share | 92.16% | Singapore, September 2026 | StatCounter | | Bing search engine market share | 4.53% | Singapore, September 2026 | StatCounter | | Internet users | 5.78 million, 98.4% of the population | Singapore, as of October 2025 | DataReportal | | Surveyed workers using AI tools at work | 73.8% | Singapore, May and June 2025 pulse survey | IMDA | | AI adoption among non-SMEs | 62.5% | Singapore, 2024 | IMDA | | AI adoption among SMEs | 14.5%, up from 4.2% in 2023 | Singapore, 2024 | IMDA | *[Sources: StatCounter, September 2026 and others](https://aemorph.com/sources/#statcounter-september-2026-and-others-f83b)* A template with a shorter mobile heading hands Google the shorter version as the page's main heading. Aemorph checks the mobile HTML first for Singapore clients, then the desktop copy, and aligns both to the approved wording before the next release. --- ## The Fix Keeps One Heading and Restyles It With CSS **Fixing a responsive heading failure leaves one heading per element in the template and restyles it for each screen size with CSS breakpoints, so the code states each heading once in one wording.** The fix sits in the template, so one change corrects each page built from it: 1. **Crawls** the site with Screaming Frog and exports the H1 and H2 reports, with multiple and duplicate headings flagged. 2. **Groups** the affected pages by template, so each fix targets a template, not a page. 3. **Inspects** the template code at desktop, tablet and mobile widths to find the duplicated or hidden heading copies. 4. **Specifies** one heading per element, restyled with CSS breakpoints, and replaces headings used only for styling with CSS or div elements. 5. **Aligns** the heading wording across screen sizes, so mobile and desktop state the same heading. 6. **Verifies** the raw HTML and the rendered page after release, then re-crawls to confirm one H1 per page across the template. Aemorph specifies the template change, your developers or IT vendor implement it, and Aemorph verifies it once live. ### How do you fix duplicate headings in a responsive template? **Fix duplicate headings in a responsive template by removing the extra heading copies and using CSS breakpoints to resize and reflow the heading that remains.** Shorter mobile wording, where needed, comes from CSS truncation or a shared heading written short enough for each screen. --- ## A Faulty Template Repeats Its Heading Fault on Each Page It Builds **A heading fault in a template repeats on each page the template builds and on each new page added to it, so Aemorph checks heading output for Singapore clients whenever a template or theme changes.** One faulty service or product template on a Singapore site of hundreds of pages repeats the fault hundreds of times. | Template state | What happens | What it costs you | Next step | What triggers a recheck | | --- | --- | --- | --- | --- | | Duplicate headings, same wording | Each page states its heading two or three times | A noisy page outline across the template | Remove the copies, restyle with CSS | A theme or template update | | Duplicate headings, different wording | Each page states its main claim in competing versions | Search results and AI answers meet competing versions of one claim | Align the wording, then remove the copies | A copy change on mobile or desktop only | | Styling elements marked up as headings | Logos, menus and footers read as content headings | The page outline opens with your logo, not your topic | Replace with CSS or div elements | A new header or footer design | | One heading per element, CSS breakpoints | The code states each heading once | A clean outline across the template | Keep the crawl check in each release | A new template or a theme change | *Cost and recheck point by template state, as illustrative scenarios.* Aemorph sets no fixed recheck interval. Your first working day with Aemorph is the first check date, and pages are then assigned for update in order of importance: bottom-of-funnel, middle-of-funnel, then top-of-funnel. For templates, that puts service, pricing and contact templates first. ### Do heading errors come back after a theme update? **Heading errors come back when a theme update or new template reintroduces heading markup per screen size, so the heading crawl runs after each theme or template change.** The check takes one crawl and one export. --- ## A Heading Hidden by CSS Is Still Published in Your Code **A heading hidden by CSS is still published in your page code, so a hidden mobile heading that states an old promotion or a different claim is a statement your organisation makes to each crawler that reads the HTML.** Visitors never see it, which is why a proofread of the visible page misses it. Where a page carries regulated statements, such as a claim by a licensed healthcare provider under the Healthcare Services (Advertisement) Regulations, a financial claim under MAS guidelines or a licence condition, each heading copy needs the same approval as the visible one. The Consumer Protection (Fair Trading) Act applies to misleading claims made to consumers, whether or not CSS displays them. Aemorph checks the raw HTML, not only the rendered page, against your [verified record](https://aemorph.com/en-sg/glossary/#verified-record), the one approved set of facts about your business, before a template change goes live. Aemorph's [guide to the ASAS advertising code](https://aemorph.com/en-sg/guides/asas-advertising-code/) sets out the advertising standards, and a question about a specific obligation is one for a qualified Singapore legal adviser. *General guidance, not legal advice.* ### Does hidden text in a template count as published content? **Hidden text in a template counts as published content, because it sits in the HTML your server sends to visitors and crawlers in Singapore, whether or not CSS displays it.** Your business owns each claim in that HTML. --- ## Technical SEO Fixes the Template Once So Each Page Follows **Aemorph's [technical SEO](https://aemorph.com/en-sg/services/technical-seo/) for Singapore sites crawls each template, flags duplicate and hidden headings, and specifies the CSS fix at the template, so one change by your developers or IT vendor corrects each page that uses it.** Your developers set the pace and Aemorph verifies each release, and the free [Money on the Table audit](https://aemorph.com/en-sg/glossary/#money-on-the-table-audit) puts a number on the revenue lost at your current visibility in search. The [Showstopper Sensor](https://aemorph.com/en-sg/glossary/#showstopper-sensor-sprint-1) (Sprint 1), a 30-day showstopper-answer sprint for ChatGPT, Claude, Gemini and Perplexity, publishes your approved answers to your [showstopper questions](https://aemorph.com/en-sg/glossary/#showstopper-questions), the buyer questions that stop a purchase when AI answers them badly, on your site. Each answer reads best with one heading stating one question, so a clean template keeps the answers Sprint 1 publishes in one version. ### Who fixes responsive heading failures, Aemorph or your developers? **Aemorph specifies the fix and your developers or IT vendor implement it: Aemorph crawls the templates, specifies one heading per element with CSS breakpoints, and verifies the raw HTML once live.** Your team keeps control of the theme and the release schedule. Begin with a free [strategic conversation](https://aemorph.com/en-sg/glossary/#strategic-conversation), which includes prompting the AI chats for your current brand answers about your Singapore business. Technical SEO fixes are scoped from the audit findings and set out in your quote; starting points are on the [pricing page](https://aemorph.com/en-sg/pricing/). [Book a strategic conversation](https://aemorph.com/en-sg/contact/) [See technical SEO](https://aemorph.com/en-sg/services/technical-seo/) THE STRATEGIC CONVERSATION ## Start with a free *strategic conversation*. Every Aemorph engagement starts with a free strategic conversation. It is the fastest way to see whether Aemorph fits your business before you commit budget. [Book a strategic conversation →](https://aemorph.com/en-sg/contact/) STARTING POINT Free You talk through your goals with Aemorph, and Aemorph quotes your engagement after the conversation.