Metatagi sniedz noderīgus papildu datus par jūsu tīmekļa lapām. Pārliecinieties, ka zināt, kā tos iekļaut, izmantojot Nuxt.
Nuxt.js ir spēcīgs ietvars servera puses renderētu Vue.js lietojumprogrammu izveidei. Papildus tam, ka Nuxt.js nodrošina stabilu pamatu sarežģītu lietojumprogrammu izveidei, tas arī atvieglo metatagu pievienošanu jūsu lapām.
Uzziniet, kā savā Nuxt lietotnē iekļaut metatagus, lai uzlabotu vietnes SEO un redzamību sociālajos saziņas līdzekļos.
Metatagi ir koda fragmenti, kas sniedz informāciju par tīmekļa lapu. Šie tagi ir HTML avotā, tāpat kā jūsu lapas saturs, taču tie nav redzami pašā lapā.
Meta tagi var sniegt tādu informāciju kā lapas nosaukums, apraksts un atslēgvārdi. Tie tiek izmantoti arī informācijas sniegšanai sociālo mediju kopīgošanai un meklētājprogrammu optimizācijai.
Pirms metatagu pievienošanas izveidojiet jaunu lietotni Nuxt.js. Šim nolūkam pārliecinieties, ka jums ir Node.js ir instalēts jūsu ierīcē. Pēc tam atveriet savu termināli un palaidiet šādu komandu:
npx Create-nuxt-app my-appTādējādi direktorijā ar nosaukumu tiks izveidota jauna lietotne Nuxt.js mana lietotne. Izpildiet norādījumus, lai pēc vajadzības konfigurētu savu lietotni.
Viens veids, kā pievienot metatagus savai lietotnei Nuxt.js, ir pievienot tos globāli. Lai to izdarītu, pievienojiet virsraksta tagu un divus metatagus: vienu rakstzīmju kopai un vienu skatvietai. Atveriet savu nuxt.config.js failu un pievienojiet head rekvizītu modulis.eksports objekts:
modulis.exports = {
galva: {
virsraksts: "Mana lietotne",
meta: [
{ rakstzīmju kopa: "utf-8" },
{ nosaukums: "skata logs", saturu: 'width=device-width, original-scale=1' }
]
}
}Metatagu pievienošana atsevišķām lapām
Dažreiz varat pievienot metatagus tikai noteiktām lietotnes lapām. Lai to izdarītu, lapas komponenta definīcijai varat pievienot rekvizītu head:
Par mums</h1>
</div>
</template>
