Meta tagy poskytujú užitočné dodatočné údaje o vašich webových stránkach. Uistite sa, že viete, ako ich zahrnúť, keď používate Nuxt.

Nuxt.js je výkonný rámec na vytváranie aplikácií Vue.js vykresľovaných na strane servera. Okrem toho, že Nuxt.js poskytuje solídny základ pre vytváranie zložitých aplikácií, uľahčuje aj pridávanie metaznačiek na vaše stránky.

Zistite, ako zahrnúť metaznačky do vašej aplikácie Nuxt, aby ste zlepšili SEO a viditeľnosť svojho webu na sociálnych médiách.

Meta tagy sú útržky kódu, ktoré poskytujú informácie o webovej stránke. Tieto značky sú prítomné v zdrojovom kóde HTML, rovnako ako obsah vašej stránky, ale nie sú viditeľné na samotnej stránke.

Meta tagy môžu poskytovať informácie, ako je názov stránky, popis a kľúčové slová. Používajú sa tiež na poskytovanie informácií na zdieľanie sociálnych médií a optimalizáciu pre vyhľadávače.

Skôr než sa pustíte do pridávania metaznačiek, vytvorte novú aplikáciu Nuxt.js. Na to sa uistite, že máte Node.js nainštalovaný na vašom zariadení. Potom otvorte terminál a spustite nasledujúci príkaz:

instagram viewer 
npx create-nuxt-app my-app

Tým sa vytvorí nová aplikácia Nuxt.js v adresári s názvom moja aplikácia. Podľa pokynov nakonfigurujte svoju aplikáciu podľa potreby.

Jedným zo spôsobov, ako pridať metaznačky do vašej aplikácie Nuxt.js, je pridať ich globálne. Ak to chcete urobiť, pridajte značku názvu a dve metaznačky: jednu pre znakovú sadu a jednu pre výrez. Otvorte svoje nuxt.config.js súbor a pridajte vlastnosť head do súboru modul.vývoz objekt:

modul.exports = {
 hlava: {
 názov: "Moja aplikácia",
 meta: [
 { znakovú sadu: 'utf-8' },
 { názov: 'viewport', obsahu: 'width=device-width, initial-scale=1' }
 ]
 }
}

Pridávanie metaznačiek na jednotlivé stránky

Niekedy možno budete chcieť pridať metaznačky iba na konkrétne stránky v aplikácii. Ak to chcete urobiť, môžete do definície komponentu pre stránku pridať vlastnosť head: