sapper-template icon indicating copy to clipboard operation
sapper-template copied to clipboard

Running Chrome Audit (Lighthouse) results in SEO missing meta description

Open jmlivingston opened this issue 6 years ago • 1 comments

Steps

  1. Run the following commands to clone, install, build, and run:
npx degit "sveltejs/sapper-template#rollup" my-app
cd my-app
npm install
npm run dev
  1. Open http://localhost:3000 in Chrome.
  2. Open Chrome Developer Tools.
  3. Click the Audit tab and run and click the "Run audits" button.

Expected Results

SEO gets a score of 100.

Actual Results

image

Environment / Dependencies

  • macOS Catalina (10.15.1)
  • Sapper 0.27.9
  • Svelte 3.15.0
  • Rollup 1.27.5

Workaround

Add a "TODO" meta description under <svelte:head> in the following files:

  • src/routes/about.svelte
  • src/routes/index.svelte
  • src/routes/blog/index.svelte
  • src/routes/blog/[slug].svelte
<svelte:head>
  <meta name="description" content="TODO">
</svelte:head>

Results

A perfect score given the only negative is not being able to run HTTP/2 which is not much of viable option running locally. image

jmlivingston avatar Nov 29 '19 18:11 jmlivingston

Moved from sapper repo to sapper-template repo.

Conduitry avatar Nov 29 '19 19:11 Conduitry