A metacímkék hasznos kiegészítő adatokat szolgáltatnak weboldalairól. Győződjön meg arról, hogy tudja, hogyan kell ezeket beilleszteni a Nuxt használatakor.
A Nuxt.js egy hatékony keretrendszer a szerveroldali renderelt Vue.js alkalmazások létrehozásához. Amellett, hogy szilárd alapot biztosít az összetett alkalmazások létrehozásához, a Nuxt.js megkönnyíti a metacímkék hozzáadását az oldalakhoz.
Tudja meg, hogyan helyezhet el metacímkéket Nuxt alkalmazásába, hogy javítsa webhelye SEO-ját és láthatóságát a közösségi médiában.
A metacímkék olyan kódrészletek, amelyek információkat szolgáltatnak egy weboldalról. Ezek a címkék jelen vannak a HTML-forrásban, akárcsak az oldal tartalma, de magán az oldalon nem láthatók.
A metacímkék olyan információkat szolgáltathatnak, mint az oldal címe, leírása és kulcsszavai. A közösségi média megosztásához és a keresőoptimalizáláshoz is szolgálnak információk nyújtására.
Mielőtt belevágna a metacímkék hozzáadásához, hozzon létre egy új Nuxt.js alkalmazást. Ehhez győződjön meg róla
Node.js telepítve az eszközére. Ezután nyissa meg a terminált, és futtassa a következő parancsot:npx create-nuxt-app my-appEz egy új Nuxt.js alkalmazást hoz létre a nevű könyvtárban my-app. Kövesse az utasításokat az alkalmazás szükség szerinti konfigurálásához.
Az egyik módja annak, hogy metacímkéket adjon hozzá Nuxt.js alkalmazásához, ha globálisan adja hozzá őket. Ehhez adjon hozzá egy címcímkét és két metacímkét: egyet a karakterkészlethez és egyet a nézetablakhoz. Nyisd ki a te nuxt.config.js fájlt, és adjunk hozzá egy head tulajdonságot a modul.exportok tárgy:
modult.exports = {
fej: {
cím: "Saját alkalmazás",
meta: [
{ karakterkészlet: "utf-8" },
{ név: "nézőablak", tartalom: 'width=device-width, kezdeti skála=1' }
]
}
}Metacímkék hozzáadása az egyes oldalakhoz
Néha előfordulhat, hogy csak az alkalmazás bizonyos oldalaihoz szeretne metacímkéket hozzáadni. Ehhez hozzáadhat egy head tulajdonságot az oldal összetevődefiníciójához:
Rólunk</h1>
</div>
</template>
