astro-seo-metadata

0.6.0 • Public • Published

🚀  Astro — SEO metadata

NPM Downloads ISC License PRs Welcome
Astro TypeScript Prettier EditorConfig ESLint

Bare minimum SEO meta tags to make most social networks and Google engine happy.

📦  Installation

pnpm i astro-seo-metadata

🛠  Usage

---
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>
	🚀&nbsp;&nbsp;Astro — SEO | Bare minimum SEO meta tags to make most social
	networks and Google engine happy. | 🚀&nbsp;&nbsp;Astro — SEO
</title>

<meta
	property="og:title"
	content="🚀&nbsp;&nbsp;Astro — SEO | Bare minimum SEO meta tags to make most social networks and Google engine happy. | 🚀&nbsp;&nbsp;Astro — SEO"
/>
<meta
	name="twitter:title"
	content="🚀&nbsp;&nbsp;Astro — SEO | Bare minimum SEO meta tags to make most social networks and Google engine happy. | 🚀&nbsp;&nbsp;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 -->

Package Sidebar

Install

npm i astro-seo-metadata

Weekly Downloads

77

Version

0.6.0

License

ISC

Unpacked Size

17.7 kB

Total Files

7

Last publish

Collaborators

  • julian.cataldo