Skip to content

Fix Multiple H1 Tags on Homepage #9

@youngcoder45

Description

@youngcoder45

Summary*

Refactor the homepage heading structure to ensure the page contains exactly one H1 tag for proper SEO and accessibility compliance.


Context*

The SEO audit detected that the homepage currently contains 2 H1 tags, which is not recommended for semantic HTML structure.

Current H1 tags:

  • "Build faster with a"
  • "real developer community"

Why is this needed?

Using a single H1:

  • improves semantic structure
  • helps screen readers
  • improves SEO clarity
  • aligns with accessibility best practices

Tasks

  • Identify duplicate H1 elements
  • Convert secondary H1 into appropriate heading level
  • Maintain existing visual styling
  • Verify heading hierarchy consistency

Acceptance criteria*

  • Homepage contains exactly one H1 tag
  • Visual layout remains unchanged
  • Heading hierarchy is semantically correct
  • Accessibility audit shows improvement

Suggested approach

Possible solution:

  • Keep main hero title as H1
  • Convert secondary heading into H2 or styled span/div

Test using:

  • browser inspect tools
  • Lighthouse
  • SEOmator

Out of scope

  • Full typography redesign
  • Hero section redesign

Remember, contributions to this repository should follow its contributing guidelines, security policy and code of conduct.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Priority: HighImportant issue that should be handled soon.Status : OpenIssue is open and ready for work.good first issueGood for newcomers

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions