Hướng dẫn về Strapi SEO

Tóm tắt — Strapi là “headless” CMS — nó stores của bạn nội dung và hands nó out qua API, nhưng nó có không trang web attached. đó có nghĩ là Strapi itself không quyết định của bạn SEO; frontend đó turns Strapi nội dung vào các trang làm. big rule là giống nhau as cho bất kỳ headless setup: xây dựng của bạn HTML on máy chủ hoặc tại xây dựng time (SSR hoặc SSG), không hoàn toàn trong khách truy cập trình duyệt. và all SEO stuff WordPress + Yoast đã làm cho bạn — các tiêu đề, sitemaps, robots.txt — bạn hiện tại đặt lên yourself.

Điều gì Strapi thực ra là

Strapi là open-nguồn, Node.js-based headless CMS. “Headless” có nghĩ là nó chỉ lại half của trang web — place bạn ghi và store nội dung — với không front half (không theme, không các trang, không kết xuất). bạn nhận của bạn nội dung out qua REST hoặc GraphQL API. Bạn có thể chạy Strapi on của bạn own máy chủ hoặc sử dụng Strapi Cloud để có them host nó.

vì có không được xây dựng-trong trang web, Strapi pairs với tách biệt frontend framework — tiếp theo.js, Nuxt, Astro, hoặc Gatsby là phổ biến ones — đó fetches nội dung từ Strapi và xây dựng thực tế các trang mọi người (và Googlebot) see.

một điều để understand

Strapi là neutral Đối với SEO. nó không good hoặc bad on của nó own. Điều gì matters là Cách frontend xây dựng trang. có hai safe ways và một risky way:

• Tại xây dựng time (SSG) — các trang là pre-được xây dựng vào đơn giản HTML files. Fast và tìm kiếm-friendly.
• On máy chủ, theo yêu cầu (SSR) — máy chủ xây dựng đầy đủ trang và gửi nó. cũng tìm kiếm-friendly.
• Trong khách truy cập trình duyệt (CSR) — máy chủ gửi near-rỗng shell và JavaScript fills nó trong sau đó. Đây là risky một.

Google có thể eventually đọc trình duyệt-được kết xuất các trang, nhưng nó chậm hơn và ít hơn reliable. AI crawler kết xuất behavior varies by vendor — có không single shared tiêu chuẩn — nhưng crawler đó fetches chỉ ban đầu HTML (several của bots behind ChatGPT và Perplexity hiện tại hoạt động điều này way) sees chính xác Điều gì CSR ships: rỗng shell. Xây dựng của bạn HTML on máy chủ hoặc tại xây dựng time so nội dung là trong thô HTML không quan trọng ai fetching nó.

Đó “where did my SEO settings go?” (bản dịch) «nơi đã làm my SEO settings go?» vấn đề

Switching từ WordPress + Yoast để Strapi, mọi người là shocked đó các tiêu đề, meta các mô tả, sitemaps, và canonical tags không xuất hiện by themselves. có không plugin layer đang làm nó âm thầm trong background. với Strapi bạn có để:

• Thêm SEO các trường (tiêu đề, mô tả, canonical, social image) để của bạn nội dung types — có chính thức-ish community SEO plugin đó adds những điều này cho bạn.
• Wire những điều đó các trường vào trang HTML trong frontend.
• Xây dựng sitemap và robots.txt.

None của Đây là hard; nó chỉ sẽ không happen on của nó own.

một vài điều đó âm thầm break

• Drafts getting được lập chỉ mục. Strapi có draft/publish workflow. giữ unpublished nội dung out của tìm kiếm — không expose nó qua công khai API.
• Preview các trang getting được lập chỉ mục. Nhóm spin lên preview/staging các URL để review drafts. nếu Google tìm thấy một, nó có thể chỉ mục toàn bộ duplicate copy. Block them.
• ** admin panel và thô API.** của bạn /admin login và /api/... JSON feed không nên hiển thị lên trong tìm kiếm.

Muốn đầy đủ version — four kết xuất modes, SEO plugin, sitemaps, draft và preview hygiene, Strapi Cloud so với. self-hosted, và migrations? Chuyển để Nâng cao tab.

Tóm tắt — Strapi là backend-chỉ headless CMS (REST + GraphQL, self-hosted hoặc Strapi Cloud) với không kết xuất layer, so nó là SEO-neutral — frontend kết xuất chế độ decides mọi thứ. SSG/SSR ship fully-được kết xuất HTML và là safe; CSR là risky ( crawler đó fetches chỉ ban đầu HTML sees rỗng shell — đó Cách several major AI các crawler hiện tại behave); ISR có stale-on-đầu tiên-yêu cầu trap. Model SEO các trường trong của bạn nội dung types ( community @strapi/plugin-seo stores và previews them nhưng làm không output HTML, sitemaps, hoặc robots.txt — đó frontend job). giữ drafts out qua publish workflow (không bao giờ truyền auth tokens trong công khai các yêu cầu), noindex preview/staging tại host cấp độ, giữ /admin và thô /api/* JSON out của tìm kiếm, và xây dựng sitemap.xml + robots.txt tại frontend. Strapi là neutral; của bạn architecture là sản phẩm.

Strapi không phải SEO decision — frontend là

single phần lớn quan trọng concept trong Strapi SEO: Strapi có không kết xuất layer. nó là nội dung storage, nội dung model, editing UI, và API. mỗi SEO outcome — indexability, metadata, speed, dữ liệu có cấu trúc — là determined by frontend framework consuming Strapi API. Strapi job là purely để store và phục vụ right các trường.

Đó làm “Strapi is bad for SEO” (bản dịch) «Strapi là bad cho SEO» đó sai frame. Strapi là neutral. As Strapi own team diễn đạt điều này, “headless architectures require developers to take ownership of SEO aspects that traditional content management systems handle automatically.” (bản dịch) «headless architectures require nhà phát triển để take quyền sở hữu of SEO aspects đó truyền thống các hệ thống quản lý nội dung xử lý tự động.» MỘT Strapi + Tiếp theo.js site kết xuất on SSG, với một disciplined metadata layer, sẽ outperform một neglected WordPress install. MỘT Strapi site fronted by một client-được kết xuất React SPA với không metadata wiring sẽ âm thầm fall apart. Giống nhau backend, opposite outcomes — vì đó kết xuất decisions differ. Này là đó giống nhau point I làm về JavaScript SEO generally: đó câu hỏi để bắt đầu với là luôn cách là đó frontend kết xuất này nội dung?

four kết xuất modes ( phần lớn cốt yếu decision)

• SSG — Static Site Generation. HTML được xây dựng tại xây dựng time, phân phối as static files. Best-case SEO: fully-được kết xuất HTML on đầu tiên fetch, fast TTFB và Cốt lõi Web Chỉ số quan trọng. Tradeoff: new/changed nội dung cần một rebuild. Gatsby và Astro là SSG-đầu tiên; Tiếp theo.js làm điều này theo route.
• SSR — Máy chủ-Side Kết xuất. HTML được kết xuất theo yêu cầu on một máy chủ hoặc edge. Luôn-fresh, fully-được kết xuất HTML. Tradeoff: Strapi API latency lands trực tiếp trong của bạn TTFB on mỗi yêu cầu. Tiếp theo.js, Nuxt, SvelteKit, Remix.
• ISR — Incremental Static Regeneration. Static các trang regenerated trong đó background sau một revalidation window. MỘT good middle ground với một trap (dưới).
• CSR — Client-Side Kết xuất. MỘT near-empty shell ships và đó trình duyệt fetches từ Strapi và xây dựng đó DOM. Worst SEO option: Google phải queue đó trang cho một sau đó render wave — “Googlebot queues all pages with a 200 HTTP status code for rendering, unless a robots meta tag or header tells Google not to index the page” (bản dịch) «Googlebot queues all các trang với một 200 HTTP mã trạng thái cho kết xuất, trừ khi một robots meta tag hoặc header tells Google không để chỉ mục đó trang» — so nội dung của bạn không exist until đó wave chạy. AI các crawler và Bing xử lý này far tệ hơn Google. Acceptable chỉ cho logged-trong dashboards bạn không muốn được lập chỉ mục anyway. MỘT thô React/Vue SPA over Strapi lands ở đây by default — tránh điều này cho công khai nội dung.

** ISR trap:** Khi revalidation window expires, tiếp theo yêu cầu — mà có thể là Googlebot — vẫn nhận stale được lưu đệm trang; fresh một phục vụ chỉ on sau yêu cầu. cho volatile dữ liệu (prices, stock), ưu tiên SSR. ISR là ideal cho nội dung đó thay đổi on order của hours hoặc days.

nội dung modeling Đối với SEO trong Strapi

Strapi cho frontend không có gì để render trừ khi bạn put các trường trong nội dung model. cho mỗi công khai nội dung loại, thêm SEO component với tại minimum:

• metaTitle, metaDescription
• canonicalURL
• ogImage (và Open Graph / Twitter các trường)
• robots directive — e.g. preventIndexing Boolean cho theo-entry noindex control

Dùng Strapi UID trường cho slugs — điều này auto-generates từ đó tiêu đề và enforces uniqueness. Cho multilingual các trang, enable Strapi được xây dựng-trong i18n theo nội dung loại, localize đó slug và SEO các trường theo locale, thì output <link rel="alternate" hreflang="..."> trong đó frontend dùng đó localizations mối quan hệ mỗi entry exposes. As SALT.agency notes, đó tiêu đề “can either be populated with the Strapi SEO Plugin or by creating a text field where the title tag will be stored, with conditions added such as not being shorter than or not exceeding a set amount of characters.” (bản dịch) «có thể either là populated với đó Strapi SEO Plugin hoặc by creating một text trường nơi đó thẻ tiêu đề sẽ là stored, với conditions đã thêm such as không đang ngắn hơn hoặc không exceeding một set amount of characters.»

frontend sau đó đọc những điều đó các trường từ API và populates <head> — tiếp theo.js generateMetadata, Nuxt useSeoMeta, Astro layout <head>. reliability rule là giống nhau as all headless SEO: HTML-cấp độ metadata beats JS-injected metadata, vì Google sees nó on đầu tiên fetch.

Strapi SEO plugin — Điều gì nó làm và không làm

Đó community SEO plugin (@strapi/plugin-seo, formerly @strapi-community/plugin-seo, listed on đó Strapi Market) là đó tiêu chuẩn tool. Điều này “embeds a side panel in every Content-Type edit view where you can set meta titles, descriptions, canonical URLs, and social share images,” (bản dịch) «embeds một side panel trong mỗi Nội dung-Loại edit view nơi bạn có thể set meta các tiêu đề, các mô tả, canonical URLs, và social share images,» adds một SERP preview, và chạy trong-nội dung analysis — green, orange, hoặc red indicators cho readability, từ khóa distribution, và schema compliance.

Điều gì nó làm không làm, và Đây là phần lớn phổ biến misconception:

• nó làm không generate <head> HTML — frontend renders các trường.
• nó làm không generate sitemap — đó tách biệt plugin (on Strapi 5, Webtools sitemap thêm-on hoặc strapi-5-sitemap-plugin).
• nó làm không ghi robots.txt hoặc implement dữ liệu có cấu trúc — frontend job.

nói cách khác, plugin cho editors good authoring UX và stores sạch các trường. frontend vẫn có để làm thực tế SEO output.

Drafts, preview, /admin, và /api — giữ sai điều out của chỉ mục

Đây là nơi Strapi có nhiều hơn thất bại modes hơn hosted nền tảng như Shopify.

• Draft/Publish. Strapi marks drafts với publishedAt: null; đó API trả về chỉ published entries để unauthenticated các yêu cầu. Đó cốt yếu discipline: không bao giờ truyền an authenticated API token trong công khai frontend các yêu cầu, hoặc all draft nội dung becomes fetchable. Đó sitemap plugin/thêm-on respects publish state và chỉ bao gồm published URLs.
• Preview / staging environments. Vercel branch deploys, Netlify deploy previews, và dedicated preview hosts consuming Strapi drafts là thường publicly reachable. Block them với một layered approach: an X-Robots-Tag: noindex header tại đó host cấp độ (không chỉ một meta tag một CSR trang injects muộn), Disallow: / trong robots.txt, một noindex meta tag on mỗi trang, và HTTP authentication nơi có thể. Watch Search Console cho unexpected hostnames — đó là của bạn sớm warning.
• Đó /admin panel. Strapi admin là một React SPA; xác nhận điều này carries <meta name="robots" content="noindex"> (Strapi v4+ làm), giữ điều này off công khai links, và password-bảo vệ điều này — an unprotected /admin là discoverable qua Google dorking.
• Đó thô /api/* JSON. Điều này sẽ không xếp hạng as một trang, nhưng điều này wastes ngân sách crawl và có thể leak dữ liệu. Hầu hết production setups put đó API on của nó own subdomain (cms.example.com / api.example.com); block đó subdomain hoàn toàn trong robots.txt và giữ điều này off đó sitemap. Nếu API và frontend share một domain, Disallow: /api/.

Sitemaps và robots.txt — được xây dựng tại frontend

có không Yoast, so cả hai là rõ ràng. Hai sitemap routes:

1. MỘT sitemap plugin bên trong Strapi — generates XML và chỉ bao gồm published entries. On Strapi 5 đó maintained option là đó Webtools sitemap thêm-on (strapi-plugin-webtools + webtools-addon-sitemap) cho lớn hơn, multilingual các trang, hoặc strapi-5-sitemap-plugin cho simpler ones. Đó older standalone strapi-plugin-sitemap (pluginpal) tops out tại Strapi 4 — của nó own tài liệu point v5 người dùng để Webtools thay vì, so không install điều này on một v5 project. Quoting đó plugin tài liệu: khi draft/publish là on, “this setting will make sure that all draft pages are excluded from the sitemap.” (bản dịch) «này setting sẽ hãy bảo đảm đó all draft các trang là excluded từ đó sitemap.»
2. Frontend-generated — Tiếp theo.js sitemap.ts, Astro @astrojs/sitemap, Nuxt sitemap modules, fetching published URLs từ đó Strapi API. Hơn control over canonical URLs, lastmod, và changefreq.

robots.txt là phân phối từ frontend (tiếp theo.js robots.ts, Astro public/robots.txt). bao gồm Sitemap: directive, block preview hosts với Disallow: /, và — as với bất kỳ headless stack — không bao giờ disallow .js hoặc .css (nó chặn kết xuất).

cao-giá trị pattern là webhook workflow: Strapi fires webhook on publish → triggers Vercel/Netlify rebuild hoặc on-demand revalidation → regenerates sitemap → pings Google Search Console và IndexNow. vì headless nội dung cập nhật flow qua API thay vì plugin đó pings các công cụ tìm kiếm, IndexNow (Bing, Yandex, và others) là especially valuable wired để đó publish webhook.

Strapi Cloud so với. self-hosted — SEO implications

Strapi hosting ảnh hưởng API phản hồi time, mà matters differently by kết xuất chế độ:

• SSG/ISR: Strapi API speed matters tại xây dựng time, không runtime — các trang là pre-được xây dựng, so API latency không touch người dùng TTFB.
• SSR: Strapi API latency adds trực tiếp để TTFB on mỗi yêu cầu → ảnh hưởng LCP → thực xếp hạng input. Đây là case để optimize.

Strapi Cloud là managed infrastructure với asset CDN — good cho nhóm không có DevOps. Self-hosted cho bạn đầy đủ control của bộ nhớ đệm (Redis), database lập chỉ mục, và geographic proximity để frontend. Either way: bộ nhớ đệm Strapi API các phản hồi tại CDN layer, hoặc sử dụng ISR với ngắn revalidation, để decouple frontend runtime từ Strapi latency. Một caveat worth stating plainly — Strapi Cloud CDN phục vụ Strapi API và assets, không của bạn frontend trang web; của bạn Core Web Vitals là measured so với frontend, mà là hosted riêng (Vercel, Netlify, Cloudflare các trang).

Migrating để hoặc từ Strapi

WordPress → Strapi là phổ biến path, và migrations là nơi headless SEO thực ra goes sai:

• Map mỗi existing slug chính xác onto Strapi UID trường; bất kỳ slug thay đổi cần 301 chuyển hướng (sử dụng strapi-plugin-redirect-urls hoặc Smart chuyển hướng Manager, đọc by frontend/middleware).
• Migrate meta các tiêu đề, các mô tả, và og:image từ wp_postmeta vào SEO component các trường, và image alt text vào Media Library alternativeText trường.
• Inventory mỗi URL — không chỉ posts: tag các trang, paginated archives, parameter các URL — và xây dựng chuyển hướng map trước khi go-trực tiếp.
• Migrate canonicals explicitly; không assume frontend auto-generates them right.
• Post-launch: chạy Screaming Frog crawl so sánh, re-verify dữ liệu có cấu trúc với Rich Kết quả Kiểm thử, resubmit sitemaps để GSC và Bing, và stand lên IndexNow.

Strapi SEO là thực sự specialized application của JavaScript SEO và kết xuất — sibling headless CMS SEO ghi-lên covers nền tảng-agnostic version của tất cả điều này.

AI summary

condensed take on Nâng cao version:

• Strapi là SEO-neutral. đây là một backend-chỉ headless CMS (REST + GraphQL, self-hosted hoặc Strapi Cloud) với không kết xuất layer — đó frontend decides mọi thứ. “Strapi is bad for SEO” (bản dịch) «Strapi là bad cho SEO» là một myth.
• Kết xuất chế độ là đó sản phẩm: SSG/SSR ship fully-được kết xuất HTML và là safe; CSR là risky (nội dung chỉ tồn tại sau một sau đó render wave, và AI các crawler/Bing xử lý điều này poorly); ISR là một good middle ground với một stale-on-đầu tiên-yêu cầu trap — dùng SSR cho volatile dữ liệu.
• Model SEO các trường trong nội dung types: metaTitle, metaDescription, canonicalURL, ogImage, một preventIndexing Boolean; UID trường cho slugs; i18n + localizations cho hreflang.
• Đó SEO plugin stores và previews các trường nhưng làm không output <head> HTML, sitemaps, hoặc robots.txt — đó là đó frontend job. Đó sitemap là một tách biệt plugin — on Strapi 5 đó là đó Webtools sitemap thêm-on hoặc strapi-5-sitemap-plugin; đó older standalone strapi-plugin-sitemap là Strapi-4-chỉ.
• Giữ đó sai điều out of đó chỉ mục: drafts (publish workflow; không bao giờ truyền auth tokens publicly), preview/staging (host-cấp độ noindex + robots Disallow: /
  • auth), /admin (noindex + password), và thô /api/* JSON (block, ideally on của nó own subdomain).
• Xây dựng sitemap.xml và robots.txt tại đó frontend; không bao giờ block .js/.css; wire một publish webhook → rebuild → sitemap → GSC + IndexNow.
• Hosting: trong SSR, Strapi API latency hits TTFB/LCP trực tiếp — bộ nhớ đệm điều này hoặc dùng ISR. Strapi Cloud CDN là cho đó API/assets, không của bạn frontend Core Web Vitals.
• Migrations fail on hỏng 301s, lost metadata, và accidental CSR — đầy đủ URL inventory + chuyển hướng map trước go-trực tiếp.

Tài liệu chính thức

Chính-nguồn tài liệu từ các công cụ tìm kiếm (Strapi là kết xuất-agnostic, so SEO-relevant tài liệu là JavaScript/kết xuất ones).

Google

• Understand JavaScript SEO Basics — crawl → render → chỉ mục pipeline đó governs Cách Strapi frontend nội dung nhận được lập chỉ mục.
• Dynamic Kết xuất (deprecated workaround) — Vì sao Google deprecated nó; sử dụng SSR, static kết xuất, hoặc hydration thay vì prerendering CSR Strapi frontend.
• Kết xuất cho nội dung-Driven Web Apps — SSR so với. SSG so với. CSR tradeoffs cho nội dung các trang như Strapi-powered editorial.
• khắc phục Tìm kiếm-Related JavaScript Các vấn đề — diagnosing được kết xuất-DOM gaps trong JS frontend.
• Block Tìm kiếm lập chỉ mục với noindex — meta tag / X-Robots-Tag header được sử dụng để giữ drafts, preview hosts, và /admin out của chỉ mục.
• Introduction để robots.txt — Điều gì robots.txt làm và không làm (relevant cho blocking API subdomain và preview hosts).

Bing / Microsoft

• new evergreen Bingbot (Microsoft Edge) — Bingbot renders JS, nhưng ít hơn consistently hơn Google — một reason SSR/SSG matters on Strapi.
• IndexNow / indexnow.org — push giao thức để wire để của bạn Strapi publish webhook.

Quotes từ nguồn

On—record statements on JavaScript kết xuất (Google), plus Strapi team và practitioners on headless SEO. mỗi link là deep link đó jumps để quoted passage nơi nguồn hỗ trợ nó.

Google — Cách JavaScript các trang là processed

• “Googlebot queues all pages with a 200 HTTP status code for rendering, unless a robots meta tag or header tells Google not to index the page.” (bản dịch) «Googlebot queues all các trang với một 200 HTTP mã trạng thái cho kết xuất, trừ khi một robots meta tag hoặc header tells Google không để chỉ mục đó trang.» — Google Search Central tài liệu. Nhảy đến trích dẫn

Google — dynamic kết xuất là deprecated

• “Dynamic rendering was a workaround and not a long-term solution for problems with JavaScript-generated content in search engines.” (bản dịch) «Dynamic kết xuất đã là một workaround và không một dài-term giải pháp cho các vấn đề với JavaScript-generated nội dung trong các công cụ tìm kiếm.» — Google Search Central tài liệu. Được khuyến nghị thay vì: “server-side rendering, static rendering, or hydration.” (bản dịch) «máy chủ-side kết xuất, static kết xuất, hoặc hydration.» Nhảy đến trích dẫn

Strapi — headless shifts SEO quyền sở hữu để nhà phát triển

• “SEO in headless CMS architectures is a more technical challenge that requires careful implementation, as headless architectures require developers to take ownership of SEO aspects that traditional content management systems handle automatically.” (bản dịch) «SEO trong headless CMS architectures là một hơn kỹ thuật challenge đó requires careful implementation, as headless architectures require nhà phát triển để take quyền sở hữu of SEO aspects đó truyền thống các hệ thống quản lý nội dung xử lý tự động.» — Strapi Blog, Headless CMS & Strapi SEO thực hành tốt nhất. Đọc đó post
• “When using the draft/publish functionality in Strapi, this setting will make sure that all draft pages are excluded from the sitemap. This ensures that only published content appears in search engine sitemaps.” (bản dịch) «Khi dùng đó draft/publish functionality trong Strapi, này setting sẽ hãy bảo đảm đó all draft các trang là excluded từ đó sitemap. Này ensures đó chỉ published nội dung xuất hiện trong công cụ tìm kiếm sitemaps.» — Strapi Blog, Strapi SEO Plugin: Hoàn tất Hướng dẫn cho Strapi 5. Đọc đó post
• “The official SEO plugin embeds a side panel in every Content-Type edit view where you can set meta titles, descriptions, canonical URLs, and social share images.” (bản dịch) «Đó chính thức SEO plugin embeds một side panel trong mỗi Nội dung-Loại edit view nơi bạn có thể set meta các tiêu đề, các mô tả, canonical URLs, và social share images.» — Strapi Blog, Strapi SEO Plugin: Hoàn tất Hướng dẫn cho Strapi 5. Đọc đó post

Practitioners — headless xóa defaults

• “Headless CMS platforms remove a lot of the defaults that traditional CMS platforms handle automatically — meta tags, canonical URLs, structured data, sitemaps, none of these come out of the box in a headless setup.” (bản dịch) «Headless CMS các nền tảng xóa một lot of đó defaults đó truyền thống CMS các nền tảng xử lý tự động — meta tags, canonical URLs, dữ liệu có cấu trúc, sitemaps, none of những come out of đó box trong một headless setup.» — Successive Digital, Headless CMS SEO: Tránh Những Phổ biến Pitfalls. Đọc đó post
• “The title can either be populated with the Strapi SEO Plugin or by creating a text field where the title tag will be stored, with conditions added such as not being shorter than or not exceeding a set amount of characters.” (bản dịch) «Đó tiêu đề có thể either là populated với đó Strapi SEO Plugin hoặc by creating một text trường nơi đó thẻ tiêu đề sẽ là stored, với conditions đã thêm such as không đang ngắn hơn hoặc không exceeding một set amount of characters.» — SALT.agency, Đó SEO hướng dẫn để Strapi. Đọc đó post

Hai checklists: Strapi SEO health + migration

Strapi SEO health kiểm tra

• frontend renders nội dung trong HTML on đầu tiên yêu cầu (SSR hoặc SSG), không chỉ sau khi client-side JavaScript chạy.
• Không công khai nội dung loại relies on CSR cho của nó main nội dung (nhiều AI các crawler fetch chỉ ban đầu HTML và không bao giờ execute JavaScript).
• SEO component (metaTitle, metaDescription, canonicalURL, ogImage, preventIndexing) tồn tại on mỗi công khai nội dung loại và là mapped vào <head>.
• Slugs sử dụng UID trường; canonicals là absolute các URL được xây dựng từ một SITE_URL, đặt tại kết xuất layer.
• frontend không bao giờ gửi authenticated API token trong công khai các yêu cầu (hoặc drafts leak).
• Preview/staging hosts trả về host-cấp độ X-Robots-Tag: noindex plus Disallow: / trong robots.txt (và HTTP auth nơi có thể).
• /admin là noindexed và password-protected; không linked publicly.
• thô /api/* JSON là blocked trong robots.txt (ideally on của nó own subdomain, kept off sitemap).
• sitemap.xml là generated (sitemap plugin hoặc frontend) và lists chỉ published, canonical các URL.
• robots.txt tồn tại, bao gồm Sitemap: directive, và không block .js/.css.
• publish webhook triggers rebuild/revalidate → sitemap regen → GSC + IndexNow ping.

Migration checklist (WordPress → Strapi)

• đầy đủ URL inventory — posts, các trang, tag/category các trang, paginated archives, parameter các URL.
• Slugs mapped chính xác onto Strapi UID các trường; 301 chuyển hướng map được xây dựng trước khi go-trực tiếp (strapi-plugin-redirect-urls / Smart chuyển hướng Manager).
• Meta các tiêu đề, các mô tả, og:image migrated vào SEO component.
• Image alt text migrated vào Media Library alternativeText trường.
• Canonicals verified on new frontend (không assumed).
• Kết xuất chế độ confirmed as SSR/SSG (không accidental CSR default).
• Dữ liệu có cấu trúc re-verified với Rich Kết quả Kiểm thử.
• Sitemaps resubmitted để Google Search Console và Bing Quản trị viên web Tools; IndexNow stood lên.

mental models

1. Strapi không phải SEO decision — frontend là. Strapi có không kết xuất layer. trước khi gỡ lỗi bất cứ điều gì, câu trả lời một câu hỏi: Cách là frontend kết xuất điều này nội dung? Gần như mỗi Strapi SEO vấn đề resolves để đó.

2. kết xuất-chế độ decision rule. Pick by Cách thường nội dung thay đổi:

• Mostly static (blogs, tài liệu, marketing) → SSG.
• luôn-fresh / volatile (prices, stock) → SSR.
• Hourly/daily, muốn static speed → ISR (mind stale-đầu tiên-yêu cầu trap).
• Logged-trong, không meant để là được lập chỉ mục → CSR là acceptable.
• Công khai nội dung bạn muốn được xếp hạng hoặc cited by AI → không bao giờ CSR.

3. “Rebuild what the plugin did.” (bản dịch) «Rebuild điều gì đó plugin đã làm.» Mỗi tự động Yoast behavior là hiện tại một deliberate step trong Strapi + frontend: SEO các trường trong đó nội dung model → mapped để <head> → sitemap → robots.txt → canonicals → dữ liệu có cấu trúc. Nếu điều gì đó “bị thiếu,” một plugin behavior đã là không bao giờ re-implemented.

4. plugin stores; frontend renders. SEO plugin cho editors các trường và previews — nó làm không emit HTML, sitemaps, hoặc robots.txt. giữ những điều đó hai responsibilities tách biệt trong của bạn head và bạn sẽ không expect plugin để làm frontend job.

5. Four điều phải không bao giờ reach chỉ mục. Drafts, preview/staging deployments, /admin, và thô /api/* JSON. mỗi có khác control (publish workflow, host-cấp độ noindex, password + noindex, robots block on của nó own subdomain). Audit all four explicitly.

Strapi SEO — bảng tra nhanh

Kết xuất modes tại glance

Điều gì Strapi/plugin làm so với. Điều gì frontend làm

giữ out của chỉ mục — four controls

Fast rules

• Strapi là SEO-neutral — kết xuất chế độ là sản phẩm.
• sử dụng UID trường cho slugs; canonicals = absolute các URL từ một SITE_URL.
• SEO plugin stores các trường; nó làm không output HTML/sitemap/robots.
• không bao giờ disallow .js/.css trong robots.txt.
• Wire publish webhook → rebuild → sitemap → GSC + IndexNow.
• Trong SSR, bộ nhớ đệm Strapi API (hoặc sử dụng ISR) so latency không tank LCP.

Cách nên Strapi trang render?

Incident playbook: published Strapi các trang disappear từ tìm kiếm

1. xác nhận công khai phản hồi. kiểm tra status, các chuyển hướng, thô HTML, canonical, và robots directives. khắc phục fetch hoặc indexability thất bại trước khi nội dung analysis.
2. Trace publication. Match Strapi publish event để webhook, xây dựng/revalidation, và bộ nhớ đệm nhật ký. nếu trực tiếp trang là stale, repair đó chain.
3. kiểm tra template phạm vi. So sánh affected và healthy nội dung types. nếu một template fails, inspect của nó frontend trường mapping và route generation.
4. kiểm tra exposure. Bảo đảm drafts, preview hosts, /admin, và thô API routes là excluded trong khi công khai HTML routes vẫn crawlable.
5. Validate recovery. xác nhận hoàn tất nguồn HTML và sạch canonical/indexability state, sau đó monitor thông thường recrawl thay vì repeatedly resubmitting unchanged các trang.

Strapi SEO mistakes

• Treating SEO plugin as kết xuất layer. nó tạo các trường; frontend phải output và validate them.
• Fetching essential nội dung chỉ trong trình duyệt. sử dụng SSG, regeneration, hoặc SSR Đối với các trang đó cần để xếp hạng.
• Exposing drafts và preview deployments. Require access và gửi máy chủ-visible noindex các tín hiệu.
• Putting thô API các URL trong sitemaps. Sitemaps nên list canonical công khai HTML routes, không /api các tài nguyên.
• Blocking all API access không có kiểm tra architecture. Bảo vệ riêng tư endpoints, nhưng không break máy chủ xây dựng hoặc kết xuất đó legitimately phụ thuộc vào Strapi.

nội dung là published trong Strapi nhưng trang vẫn giữ stale

có khả năng nguyên nhân: webhook, xây dựng, revalidation, hoặc bộ nhớ đệm thất bại. khắc phục: trace nội dung ID qua mỗi step và purge affected route. xác nhận: thô production HTML contains published revision.

SEO các trường là filled nhưng tags là absent

có khả năng nguyên nhân: frontend query omits SEO component hoặc head template không map nó. khắc phục: bao gồm các trường và render them during SSG/SSR. xác nhận: curl trả về dự kiến tiêu đề, canonical, và robots tags.

Draft hoặc preview nội dung là indexable

có khả năng nguyên nhân: công khai preview host hoặc client-chỉ noindex logic. khắc phục: thêm authentication và máy chủ-cấp độ exclusion. xác nhận: unauthenticated các yêu cầu không thể access indexable phản hồi.

nội dung loại là bị thiếu từ sitemap

có khả năng nguyên nhân: frontend sitemap query, publication filter, locale relation, hoặc route mapping excludes nó. khắc phục: đúng query và bao gồm canonical published routes chỉ. xác nhận: sitemap entries resolve để indexable 200 các trang.

So sánh Strapi API dữ liệu với production HTML

curl -fsS 'https://cms.example.com/api/articles/SLUG' > strapi.json
curl -fsSL 'https://www.example.com/SLUG/' > page.html
grep -Eio '<title>[^<]+|<link[^>]+rel="canonical"[^>]*|<meta[^>]+name="robots"[^>]*' page.html

sử dụng API phản hồi chỉ từ authorized environment và không print tokens vào nhật ký. so sánh kiểm tra phân phối; nó không prove Google lập chỉ mục decision.

Inspect được kết xuất head các giá trị

Chạy trong DevTools Console:

({title: document.title, canonical: document.querySelector('link[rel="canonical"]')?.href, robots: document.querySelector('meta[name="robots" i]')?.content});

Prove Strapi SEO thay đổi

nội dung-phân phối kiểm thử

Kiểm thử để chạy: publish controlled revision và trace Strapi, webhook, xây dựng/revalidation, bộ nhớ đệm, và trực tiếp nguồn. Dự kiến kết quả: một canonical production route phục vụ giống nhau published revision. thất bại interpretation: phân phối hoặc invalidation là stale. Monitoring window: thông thường xuất bản SLA. Rollback trigger: mixed nội dung và metadata versions reach production.

Nguồn-kết xuất kiểm thử

Kiểm thử để chạy: so sánh thô và được kết xuất HTML on representative nội dung types. Dự kiến kết quả: chính nội dung, links, metadata, và canonicals là present và agree. thất bại interpretation: essential output phụ thuộc vào trình duyệt JavaScript. Monitoring window: mỗi frontend phát hành. Rollback trigger: mấu chốt template loses nguồn nội dung hoặc indexability các tín hiệu.

Exposure kiểm thử

Kiểm thử để chạy: yêu cầu preview, draft, admin, API, và công khai routes không có credentials. Dự kiến kết quả: sensitive routes là protected hoặc excluded trong khi canonical công khai các trang vẫn crawlable. thất bại interpretation: access và SEO controls là over- hoặc dưới-scoped. Monitoring window: mỗi routing hoặc security thay đổi. Rollback trigger: drafts become công khai hoặc công khai các trang become blocked.

Tools cho Strapi SEO

• @strapi/plugin-seo (community SEO plugin) — adds SEO component, SERP preview, và trong-nội dung analysis để Strapi admin. Install qua yarn add @strapi/plugin-seo. Stores các trường; không render them.
• Webtools sitemap thêm-on (strapi-plugin-webtools + webtools-addon-sitemap, pluginpal) — maintained Strapi 5 sitemap option; generates sitemap.xml từ published nội dung và auto-splits vào sitemap chỉ mục tại quy mô. strapi-5-sitemap-plugin là nhẹ hơn alternative cho simpler các trang. Pluginpal older standalone strapi-plugin-sitemap chỉ hỗ trợ Strapi 4 — của nó README các chuyển hướng v5 người dùng để Webtools.
• strapi-plugin-redirect-urls / Smart chuyển hướng Manager — manage 301/302 các chuyển hướng trong admin cho migrations và slug thay đổi.
• URL Inspection (Google Search Console) — see Cách single frontend URL là được crawl và được kết xuất; được kết xuất HTML tells bạn liệu CSR left nội dung out.
• Rich Kết quả Kiểm thử — xác nhận JSON-LD là present trong được kết xuất output sau khi bất kỳ kết xuất thay đổi.
• Screaming Frog SEO Spider — crawl với JS kết xuất on/off để so sánh thô so với. được kết xuất HTML; xây dựng pre/post crawl so sánh cho migrations; surface accidentally-indexable preview/admin/API các URL.
• Ahrefs trang web Audit — surfaces hỏng canonicals, bị thiếu metadata, chuyển hướng chains, và indexability các vấn đề trên toàn bộ frontend.
• Bing Quản trị viên web Tools — Bing kết xuất/lập chỉ mục view và nơi IndexNow submissions hiển thị lên.

Tự kiểm tra: Strapi SEO

Five nhanh các câu hỏi on Cách SEO hoạt động on Strapi-powered trang web. Pick câu trả lời cho mỗi, sau đó kiểm tra.

các tài nguyên worth của bạn time

My related writing

• JavaScript SEO Các vấn đề & Thực hành tốt nhất — my chính reference on kết xuất; cốt lõi của Cách Strapi frontend nhận được crawl và được lập chỉ mục.
• Người mới bắt đầu Hướng dẫn để kỹ thuật SEO — nơi kết xuất và crawling fit trong bigger picture.

My speaking

• JavaScript SEO — Ungagged 2019 (SlideShare) — my walkthrough của Cách headless/decoupled CMSes split frontend từ backend, plus Googlebot’s stateless kết xuất. (Standing disclaimer: dynamic-kết xuất khuyến nghị trong đó deck là hiện tại outdated — Google deprecated nó.)

On điều này trang web

• SEO cho Headless CMS — nền tảng-agnostic version của mọi thứ ở đây.
• JavaScript SEO — kết xuất pillar Strapi SEO sits bên cạnh.

từ khoảng ngành

• React SEO: Thực hành tốt nhất (Sam Underwood, Ahrefs) — React là phần lớn phổ biến frontend paired với Strapi và trực tiếp applicable; authored by Patrick Ahrefs colleague thay vì Patrick.
• Headless CMS & Strapi SEO thực hành tốt nhất (Strapi Blog) — Strapi own overview của nơi SEO quyền sở hữu shifts trong headless setup.
• Strapi SEO Plugin: Hoàn tất Hướng dẫn cho Strapi 5 (Strapi Blog) — Điều gì SEO và sitemap plugin làm, including draft/publish-trong-sitemap behavior.
• SEO hướng dẫn để Strapi (SALT.agency) — independent kỹ thuật-SEO-agency walkthrough của modeling SEO các trường trong Strapi.
• Strapi SEO Tips và Tricks (Notum Tech) — từ team behind gốc SEO plugin.
• Headless CMS SEO: tránh những điều này phổ biến Pitfalls (Successive Digital) — duplicate-environment và bị thiếu-defaults các vấn đề đó hit Strapi stacks.
• Webtools Sitemap thêm-on (tài liệu) — maintained Strapi 5 sitemap giải pháp; older strapi-plugin-sitemap (GitHub) chỉ hỗ trợ Strapi 4.
• @strapi/plugin-seo (npm) — SEO plugin package và component reference.

Số liệu worth citing

• Strapi là open-nguồn và dual-deploy. nó Node.js headless CMS với REST + GraphQL APIs, runnable self-hosted hoặc on Strapi Cloud — deployment lựa chọn ảnh hưởng API latency, mà chỉ touches Core Web Vitals trong SSR (không SSG/ISR). Nguồn
• ** sitemap thêm-on auto-splits past 50 000 các URL** vào sitemap chỉ mục và excludes drafts Khi draft/publish là enabled — practical quy mô limit cho Strapi-generated sitemap. cho Strapi 5, đó Webtools sitemap thêm-on, không older standalone plugin (dưới). Nguồn
• Kết xuất behavior không phải uniform trên AI các crawler, nhưng safe assumption là HTML-chỉ. có không single shared spec — some fetchers execute JavaScript, phần lớn hôm nay không — so crawler đó đọc chỉ ban đầu HTML phản hồi sees rỗng shell on CSR trang. SSR/SSG diễn đạt nội dung trong thô HTML và xóa guesswork, mà là Vì sao nó safer default cho AI visibility cũng như Google/Bing. Context
• Google deprecated dynamic kết xuất. Prerendering CSR Strapi frontend là không lâu hơn được khuyến nghị workaround — Google hiện tại points để SSR, static kết xuất, hoặc hydration. Nguồn

Nhật ký thay đổi