@julian_cataldo/astro-seo

    0.10.12 • Public • Published

    🚀  Astro — SEO

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

    📦  Installation

    pnpm i @julian_cataldo/astro-seo

    🛠  Usage

    ---
    import SEO from '@julian_cataldo/astro-seo/SEO.astro';
    // ...
    ---
    <!-- ... -->
    <head>
      <!-- Place component inside HEAD tag -->
    
      <!-- All properties are mandatory -->
      <SEO
        image={'/some_image_url-preferably_absolute.jpg'}
        title={'Le cool title'}
        description={'Le insightful description'}
        siteName={'Le Website'}
      />
    
      <!-- ... -->
    </head>
    <!-- ... -->

    Result

    Social share preview


    In <head>:

    <meta name="mobile-web-app-capable" content="yes" />
    
    <meta name="og:site_name" property="og:site_name" content="JulianCataldo.com" />
    <meta name="apple-mobile-web-app-title" content="JulianCataldo.com" />
    
    <title>
      Julian Cataldo ⫸ Développeur Web Front-end freelance ⫷ React | Vue | Node ⫸
      Julian Cataldo
    </title>
    <meta
      name="og:title"
      property="og:title"
      content="Julian Cataldo ⫸ Développeur Web Front-end freelance ⫷ React | Vue | Node ⫸ Julian Cataldo
    "
    />
    
    <meta
      name="twitter:card"
      content="/projet/bordeaux/main_gallery/Magister-Bordeaux_Gironde--20170719--w1280px.jpg"
    />
    <meta
      name="og:image"
      property="og:image"
      content="/projet/bordeaux/main_gallery/Magister-Bordeaux_Gironde--20170719--w1280px.jpg"
    />
    
    <meta
      name="og:description"
      property="og:description"
      content="Web, Expériences Utilisateur, Intégration Médias, Interactivité,
    Design Graphique, Identité, Communication, Audiovisuel.
    Découvrez mes projets et mon profil professionnel.
    "
    />
    <meta
      name="description"
      content="Web, Expériences Utilisateur, Intégration Médias, Interactivité,
    Design Graphique, Identité, Communication, Audiovisuel.
    Découvrez mes projets et mon profil professionnel.
    "
    />

    👨‍🏭  TypeScript API

    export interface Props {
      /** Image URL, preferably absolute and 1200x630px */
      image: string;
      title: string;
      description: string;
      siteName: string;
    }

    Live website demo documentation

    See /demo/src/layouts/Layout.astro for full implementation demo.


    🔗  JulianCataldo.com

    Install

    npm i @julian_cataldo/astro-seo

    DownloadsWeekly Downloads

    209

    Version

    0.10.12

    License

    ISC

    Unpacked Size

    7.01 kB

    Total Files

    5

    Last publish

    Collaborators

    • julian.cataldo