astro-seo-metadata
Advanced tools
Bare minimum SEO meta tags to make most social networks and Google engine happy.
Bare minimum SEO meta tags to make most social networks and Google engine happy.
pnpm i astro-seo-metadata
---
import { SEOMetadata } from 'astro-seo-metadata';
// ...
---
<!-- ... -->
<head>
<!-- Place component inside `HEAD` tag -->
<!-- All properties are optional -->
<SEOMetadata
siteName={'Le Website'}
title={'Le cool title'}
description={'Le insightful description'}
image={'http://example.com/the_image_url-preferably_absolute.jpg'}
favicon={'/favicon.svg'}
author="Julian Cataldo"
copyright="ISC"
astroSitemap={true}
canonicalUrl={Astro.url.toString()}
type={'website'}
astroGenerator={true}
/>
<!-- ... -->
</head>
In <head>:
<!-- SEO -->
<link
rel="canonical"
href="https://code.juliancataldo.com/component/astro-seo"
/>
<meta property="og:type" content="website" />
<meta name="apple-mobile-web-app-title" content="Julian's Web Garden" />
<meta property="og:site_name" content="Julian's Web Garden" />
<title>
🚀 Astro — SEO | Bare minimum SEO meta tags to make most social
networks and Google engine happy. | 🚀 Astro — SEO
</title>
<meta
property="og:title"
content="🚀 Astro — SEO | Bare minimum SEO meta tags to make most social networks and Google engine happy. | 🚀 Astro — SEO"
/>
<meta
name="twitter:title"
content="🚀 Astro — SEO | Bare minimum SEO meta tags to make most social networks and Google engine happy. | 🚀 Astro — SEO"
/>
<meta
property="og:image:alt"
content="Building blocks for making progressive and future-proof websites.
Components collection features Astro, HTML, SCSS, JS, TS…
Configurations features ESLint, Prettier, Stylelint…"
/>
<meta
name="description"
property="og:description"
content="Building blocks for making progressive and future-proof websites.
Components collection features Astro, HTML, SCSS, JS, TS…
Configurations features ESLint, Prettier, Stylelint…"
/>
<meta
name="twitter:description"
content="Building blocks for making progressive and future-proof websites.
Components collection features Astro, HTML, SCSS, JS, TS…
Configurations features ESLint, Prettier, Stylelint…"
/>
<meta property="og:image" content="https://code.juliancataldo.com/poster.png" />
<meta
name="twitter:image:src"
content="https://code.juliancataldo.com/poster.png"
/>
<meta name="twitter:card" content="summary_large_image" />
<!-- -->
<meta name="author" content="Julian Cataldo" />
<meta name="copyright" content="ISC" />
<!-- -->
<link rel="sitemap" type="application/xml" href="/sitemap-index.xml" />
<meta name="generator" content="Astro v1.0.6" />
<!-- /SEO -->
FAQs
Bare minimum SEO meta tags to make most social networks and Google engine happy.
The npm package astro-seo-metadata receives a total of 92 weekly downloads. As such, astro-seo-metadata popularity was classified as not popular.
We found that astro-seo-metadata demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.
