typo3-seo

TYPO3 SEO Configuration

Compatibility: TYPO3 v14.x All SEO configurations in this skill work on TYPO3 v14.

TYPO3 API First: Always use TYPO3's built-in APIs, core features, and established conventions before creating custom implementations. Do not reinvent what TYPO3 already provides. Always verify that the APIs and methods you use exist and are not deprecated in TYPO3 v14 by checking the official TYPO3 documentation.

1. Core SEO Extension Setup

Installation

ddev composer require typo3/cms-seo
ddev typo3 extension:setup -e seo
ddev typo3 cache:flush

Page Properties SEO Tab

After installation, pages have an "SEO" tab with:

• seo_title - Override page title for search engines
• description - Meta description
• og_title, og_description, og_image - Open Graph
• twitter_title, twitter_description, twitter_image - Twitter Cards
• canonical_link - Canonical URL override
• no_index, no_follow - Robot directives

2. Meta Tags Configuration

TypoScript Setup (TYPO3 v14)

page {
    meta {
        # Basic meta tags
        viewport = width=device-width, initial-scale=1
        robots = index,follow
        author = webconsulting
        
        # Open Graph (auto-filled by EXT:seo if page properties set)
        og:type = website
        og:site_name = {$site.name}
        og:locale = de_AT
        # Recommended social image: 1200×630 px; add og:image:width / og:image:height when known for faster previews
        
        # Twitter Cards
        twitter:card = summary_large_image
        twitter:site = @webconsulting
    }
}

Dynamic Meta Description

page.meta.description = TEXT
page.meta.description {
    # Page description, then slide rootline; add further fallbacks via stdWrap.if / constants (do not use {$...} inside `data` as a getText key)
    data = page:description
    ifEmpty.data = levelfield:-1,description,slide
    htmlSpecialChars = 1
}

Hreflang Tags (Multi-Language)

EXT:seo automatically generates hreflang tags based on site configuration:

# config/sites/main/config.yaml
languages:
  - languageId: 0
    locale: de_AT
    hreflang: de-AT
    title: Deutsch
    
  - languageId: 1
    locale: en_GB
    hreflang: en-GB
    title: English

Add an x-default hreflang (often the primary market language) in site config when you target international SEO — EXT:seo emits tags from languages entries.

3. XML Sitemap Configuration

Basic Sitemap Setup

# config/sites/main/config.yaml
base: 'https://example.com/'
routeEnhancers:
  PageTypeSuffix:
    type: PageType
    map:
      sitemap.xml: 1533906435

TypoScript Sitemap Configuration (TYPO3 v14)

plugin.tx_seo {
    config {
        xmlSitemap {
            sitemaps {
                # Pages sitemap (default)
                pages {
                    provider = TYPO3\CMS\Seo\XmlSitemap\PagesXmlSitemapDataProvider
                    config {
                        excludedDoktypes = 3,4,6,7,199,254
                        additionalWhere = {#no_index} = 0 AND {#canonical_link} = ''
                    }
                }
                
                # News sitemap (example for EXT:news)
                news {
                    provider = GeorgRinger\News\Seo\NewsXmlSitemapDataProvider
                    config {
                        table = tx_news_domain_model_news
                        sortField = datetime
                        lastModifiedField = tstamp
                        changeFreqField = sitemap_changefreq
                        priorityField = sitemap_priority
                        # Google largely ignores changefreq/priority — keep for other crawlers; focus on accurate lastmod
                        additionalWhere = {#hidden} = 0 AND {#deleted} = 0
                        pid = 123
                        url {
                            pageId = 45
                            fieldToParameterMap {
                                uid = tx_news_pi1[news]
                            }
                            additionalGetParameters {
                                tx_news_pi1.controller = News
                                tx_news_pi1.action = detail
                            }
                            # Match this with a News route enhancer that maps the namespaced tx_news_pi1 arguments.
                            # Example:
                            # routeEnhancers:
                            #   NewsPlugin:
                            #     type: Extbase
                            #     extension: News
                            #     plugin: Pi1
                            #     routes:
                            #       - routePath: '/{news-title}'
                            #         _controller: 'News::detail'
                            #         _arguments:
                            #           news-title: news
                        }
                    }
                }
                
                # Products sitemap (custom extension)
                products {
                    provider = TYPO3\CMS\Seo\XmlSitemap\RecordsXmlSitemapDataProvider
                    config {
                        table = tx_shop_domain_model_product
                        sortField = title
                        lastModifiedField = tstamp
                        pid = 100
                        recursive = 2
                        url {
                            pageId = 50
                            fieldToParameterMap {
                                uid = tx_shop_pi1[product]
                            }
                            additionalGetParameters {
                                tx_shop_pi1.controller = Product
                                tx_shop_pi1.action = show
                            }
                        }
                    }
                }
            }
        }
    }
}

Sitemap Index

Access sitemap at: https://example.com/sitemap.xml

Without route enhancers, the underlying page type is usually requested via ?type=1533906435. The exact child sitemap URLs are generated by TYPO3 from the sitemap index. Do not hardcode ?sitemap=... URLs unless your routing explicitly maps them.

TYPO3 v14: Per Breaking #104422, sitemap GET parameters are namespaced as tx_seo[sitemap] and tx_seo[page]. The PageTypeSuffix enhancer above maps only the sitemap page type. Core keeps sitemap index pagination on query parameters by default; a custom route enhancer for pretty child URLs is optional, must define proper aspects, and must avoid enhancer keys that clash with Core:

  # Optional — NOT shipped by Core; tune routePath + aspects + mappers to your real sitemap segments.
  CustomSitemapPagination:
    type: Simple
    routePath: 'sitemap/{sitemap}/{page}'
    aspects:
      sitemap:
        type: StaticRangeMapper
        start: '0'
        end: '99'
      page:
        type: StaticRangeMapper
        start: '0'
        end: '999'
    defaults:
      page: '0'
    _arguments:
      sitemap: 'tx_seo/sitemap'
      page: 'tx_seo/page'

See references/v14-notes.md for the same pattern in context.

This enhancer is optional and custom — Core maps tx_seo/sitemap but leaves pagination on query parameters by design. Test thoroughly after adding.

Pagination & route enhancers: Core maps sitemap.xml to the SEO page type; sitemap index pagination stays on query parameters by design (Core does not ship a ready-made pretty-URL enhancer for tx_seo/page). Any custom enhancer (e.g. CustomSitemapPagination above) is optional and must define proper aspects — do not treat examples as Core defaults.

4. Robots.txt Configuration

Static Robots.txt

# public/robots.txt
User-agent: *
Allow: /

# Disallow TYPO3 backend and system directories
Disallow: /typo3/
Disallow: /typo3conf/
Disallow: /typo3temp/

# Sitemap location
Sitemap: https://example.com/sitemap.xml

Dynamic Robots.txt via TypoScript

# Generate robots.txt dynamically
robotstxt = PAGE
robotstxt {
    typeNum = 9999
    config {
        disableAllHeaderCode = 1
        additionalHeaders.10.header = Content-Type: text/plain; charset=utf-8
    }
    
    10 = TEXT
    10.value (
User-agent: *
Allow: /
Disallow: /typo3/
Disallow: /typo3conf/
Disallow: /typo3temp/

Sitemap: https://example.com/sitemap.xml
    )
    # For a dynamic base URL, derive it from site `base` (YAML), a TypoScript constant, or
    # a small data processor — `TEXT.value` does not interpolate `{getEnv:...}` getText.
}

Route enhancement:

# config/sites/main/config.yaml
routeEnhancers:
  PageTypeSuffix:
    type: PageType
    map:
      robots.txt: 9999

5. Canonical URLs

Automatic Canonicals

EXT:seo generates canonical tags automatically. Configure in site:

# config/sites/main/config.yaml
base: 'https://example.com/'
baseVariants:
  - base: 'https://staging.example.com/'
    condition: 'applicationContext == "Development"'

Manual Canonical Override

In page properties SEO tab, set "Canonical URL" field.

Via TypoScript:

page.headerData.100 = TEXT
page.headerData.100 {
    value = <link rel="canonical" href="https://example.com/specific-page" />
}

6. Structured Data (JSON-LD)

Organization Schema

page.headerData.200 = TEXT
page.headerData.200.value (
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "webconsulting",
    "url": "https://webconsulting.at",
    "logo": "https://webconsulting.at/logo.png",
    "sameAs": [
        "https://www.linkedin.com/company/webconsulting",
        "https://github.com/webconsulting"
    ],
    "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+43-1-234567",
        "contactType": "customer service"
    }
}
</script>
)

Breadcrumb Schema (Dynamic)

Generate JSON-LD in PHP (or a dedicated ViewHelper / data processor) with json_encode(), then output the finished JSON string in Fluid. Building JSON-LD via TypoScript string concatenation is error-prone and commonly breaks quoting, commas, or escaping.

<f:if condition="{breadcrumbJsonLd}">
    <script type="application/ld+json">{breadcrumbJsonLd -> f:format.raw()}</script>
</f:if>

breadcrumbJsonLd should come from PHP using json_encode($data, JSON_UNESCAPED_UNICODE | JSON_THROW_ON_ERROR). Avoid JSON_UNESCAPED_SLASHES when embedding in <script> elements — without it, / is escaped as \/, which prevents user content containing </script> from prematurely closing the tag.

Advanced Structured Data with EXT:schema

# Install schema extension for advanced structured data
ddev composer require brotkrueml/schema

Always verify that the chosen brotkrueml/schema release explicitly supports your TYPO3 core version on Packagist before documenting or installing it.

<?php
// In a PSR-14 event listener
use Brotkrueml\Schema\Type\TypeFactory;
use Brotkrueml\Schema\Manager\SchemaManager;

#[AsEventListener]
final class AddSchemaListener
{
    public function __construct(
        private readonly TypeFactory $typeFactory,
        private readonly SchemaManager $schemaManager,
    ) {}

    public function __invoke(SomeEvent $event): void
    {
        $organization = $this->typeFactory->create('Organization')
            ->setProperty('name', 'My Company')
            ->setProperty('url', 'https://example.com');
        
        $this->schemaManager->addType($organization);
    }
}

7. Performance SEO

Core Web Vitals Optimization

# Preload critical resources
page.headerData.50 = TEXT
page.headerData.50.value (
<link rel="preload" href="/typo3conf/ext/site_package/Resources/Public/Fonts/raleway.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://www.google-analytics.com">
)

# Lazy load images (built-in TYPO3 v14)
lib.contentElement {
    settings {
        media {
            lazyLoading = lazy
        }
    }
}

Image Optimization (TYPO3 v14)

// config/system/additional.php
$GLOBALS['TYPO3_CONF_VARS']['GFX']['processor_allowUpscaling'] = false;

// WebP is automatically generated in TYPO3 v14 when supported

Responsive images: configure image processing via your site package, fluid_styled_content, and FAL — there is no stable Core TypoScript path tt_content.image.settings.responsive_image_rendering; avoid copy-pasting fabricated keys.

8. SEO Checklist

Page Level

• Unique <title> with primary keyword (50-60 chars)
• Meta description with call-to-action (150-160 chars)
• Single H1 per page containing primary keyword
• Structured heading hierarchy (H1 > H2 > H3)
• Alt text on all images
• Internal links with descriptive anchor text
• External links with rel="noopener" on target="_blank"

Technical

• XML sitemap submitted to Search Console
• robots.txt properly configured
• Canonical tags present
• hreflang tags for multi-language
• HTTPS enforced
• Mobile-friendly (responsive)
• Page speed < 3 seconds
• Core Web Vitals passing

Content

• Unique content per page
• Keywords naturally integrated
• Fresh, regularly updated content
• Structured data where applicable

9. SEO Extensions (TYPO3 v14)

Recommended Extensions

Extension	Purpose	TYPO3 v14 Support
typo3/cms-seo	Core SEO functionality	✓
yoast-seo-for-typo3/yoast_seo	Content analysis (historical)	Verify Packagist — current 11.x lines target up to TYPO3 13.4 in published constraints; no ^14 until declared
brotkrueml/schema	Advanced structured data	✓ (verify require.typo3/cms-core on Packagist)
b13/seo_basics	Legacy package (last targets old TYPO3) — do not treat as TYPO3 v14 default; prefer typo3/cms-seo

Yoast SEO for TYPO3: If you need readability scoring on v14, use Core/cms-seo features, brotkrueml/schema, or another extension that explicitly declares typo3/cms-core: ^14 on Packagist — do not rely on yoast_seo without confirming constraints.

Schema Extension

ddev composer require brotkrueml/schema
ddev typo3 extension:setup -e schema

Pick a brotkrueml/schema version that explicitly supports your TYPO3 core release.

Features:

• Type-safe schema.org implementation
• WebPage, Organization, Article types
• Event and Product schemas

10. Monitoring & Analytics

Google Search Console Integration

1. Verify domain ownership
2. Submit sitemap: https://example.com/sitemap.xml
3. Monitor crawl errors
4. Check Core Web Vitals

Analytics Setup (GDPR Compliant)

# Conditional Google Analytics
# Wrap this block in your consent extension's real condition / signal.
page.headerData.1000 = TEXT
page.headerData.1000.value (
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXX');
</script>
)

Appendix

For TYPO3 v14-specific SEO notes, see references/v14-notes.md.

Source: https://github.com/dirnbauer/webconsulting-skills