Why it matters
The manifest supplies install name, icons and colours for browsers and app surfaces.
How to fix it
Add app/manifest.ts with name, short_name, start_url, display and 192/512 PNG icons.
Example
// app/manifest.ts
import type { MetadataRoute } from 'next'
export default function manifest(): MetadataRoute.Manifest {
return {
name: 'Acme', short_name: 'Acme', start_url: '/', display: 'standalone',
background_color: '#ffffff', theme_color: '#0a0a0a',
icons: [
{ src: '/icon-192.png', sizes: '192x192', type: 'image/png' },
{ src: '/icon-512.png', sizes: '512x512', type: 'image/png' },
],
}
}References
More seo rules
void seo reports 60 rules in this category. What search engines need from the raw response: status codes, titles and descriptions in <head>, self-referencing canonicals, one h1, crawlable links, Open Graph, icons, robots.txt and a sitemap with real dates.
og-image-metaog:image:width/height missing or wrong, or og:image:alt missingtwitter-cardtwitter:card missingfaviconNo crawlable favicon in a Google-supported formatapple-touch-iconapple-touch-icon missing or not a 180×180 PNGtheme-colorNo theme-color metarobots-txt-unreachablerobots.txt returns 5xx/429 or times outrobots-txt-missingNo robots.txtrobots-txt-invalidrobots.txt serves HTML, exceeds 500 KiB, or has unparseable lines