Metasildid pakuvad teie veebilehtede kohta kasulikke lisaandmeid. Veenduge, et teate, kuidas neid Nuxti kasutamisel kaasata.
Nuxt.js on võimas raamistik serveripoolselt renderdatud Vue.js rakenduste loomiseks. Lisaks keerukate rakenduste loomiseks kindla aluse pakkumisele muudab Nuxt.js ka teie lehtedele metasiltide lisamise lihtsaks.
Siit saate teada, kuidas lisada oma Nuxti rakendusse metasilte, et parandada saidi SEO ja nähtavust sotsiaalmeedias.
Metasildid on koodilõigud, mis annavad teavet veebilehe kohta. Need sildid on HTML-i allikas olemas, nagu ka teie lehe sisu, kuid need pole lehel endal nähtavad.
Metasildid võivad anda teavet, nagu lehe pealkiri, kirjeldus ja märksõnad. Neid kasutatakse ka teabe edastamiseks sotsiaalmeedia jagamiseks ja otsingumootori optimeerimiseks.
Enne metasiltide lisamisse sukeldumist looge uus rakendus Nuxt.js. Selleks veenduge, et teil oleks Teie seadmesse installitud Node.js. Seejärel avage oma terminal ja käivitage järgmine käsk:
npx create-nuxt-app minu rakendusSee loob uue Nuxt.js rakenduse kataloogis nimega minu rakendus. Rakenduse vastavalt vajadusele konfigureerimiseks järgige juhiseid.
Üks viis metasiltide lisamiseks oma Nuxt.js-i rakendusse on lisada need globaalselt. Selleks lisage pealkirjasilt ja kaks metasilti: üks märgistiku ja teine vaateava jaoks. Avage oma nuxt.config.js faili ja lisage atribuut pea moodul.eksport objekt:
moodul.exports = {
pea: {
pealkiri: "Minu rakendus",
meta: [
{ charset: "utf-8" },
{ nimi: 'vaateava', sisu: 'width=device-width, esialgne skaala=1' }
]
}
}Metasiltide lisamine üksikutele lehtedele
Mõnikord soovite võib-olla lisada metasilte ainult oma rakenduse teatud lehtedele. Selleks saate lisada lehe komponendi definitsioonile atribuudi head:
Meie kohta</h1>
</div>
</template>
