Meta etiketler, web sayfalarınız hakkında yararlı ek veriler sağlar. Nuxt'u kullanırken bunları nasıl ekleyeceğinizi bildiğinizden emin olun.

Nuxt.js, sunucu tarafında işlenen Vue.js uygulamaları oluşturmak için güçlü bir çerçevedir. Nuxt.js, karmaşık uygulamalar oluşturmak için sağlam bir temel sağlamanın yanı sıra sayfalarınıza meta etiketler eklemeyi de kolaylaştırır.

Sitenizin SEO'sunu ve sosyal medyadaki görünürlüğünü iyileştirmek için Nuxt uygulamanıza meta etiketleri nasıl ekleyeceğinizi öğrenin.

Meta etiketler, bir web sayfası hakkında bilgi sağlayan kod parçacıklarıdır. Bu etiketler, tıpkı sayfanızın içeriği gibi HTML kaynağında bulunur, ancak sayfanın kendisinde görünmezler.

Meta etiketler, sayfa başlığı, açıklama ve anahtar kelimeler gibi bilgiler sağlayabilir. Ayrıca sosyal medya paylaşımı ve arama motoru optimizasyonu için bilgi sağlamak için kullanılırlar.

Meta etiketleri eklemeye geçmeden önce yeni bir Nuxt.js uygulaması oluşturun. Bunun için sahip olduğunuzdan emin olun. Node.js cihazınızda yüklü. Ardından, terminalinizi açın ve aşağıdaki komutu çalıştırın:

instagram viewer 
npx create-nuxt-app benim uygulamam

Bu, adlı bir dizinde yeni bir Nuxt.js uygulaması oluşturacaktır. uygulamam. Uygulamanızı gerektiği gibi yapılandırmak için istemleri izleyin.

Nuxt.js uygulamanıza meta etiketler eklemenin bir yolu, onları genel olarak eklemektir. Bunu yapmak için bir başlık etiketi ve iki meta etiket ekleyin: biri karakter seti için, diğeri de görüntü alanı için. aç senin nuxt.config.js dosyaya bir head özelliği ekleyin ve modül.ihracat nesne:

modül.ihracat = {
 KAFA: {
 başlık: "Uygulamam",
 meta: [
 { karakter kümesi: "utf-8" },
 { isim: 'görüntü alanı', içerik: "genişlik=cihaz genişliği, başlangıç ​​ölçeği=1" }
 ]
 }
}

Tek Sayfalara Meta Etiketleri Ekleme

Bazen, uygulamanızdaki yalnızca belirli sayfalara meta etiketler eklemek isteyebilirsiniz. Bunu yapmak için, sayfanın bileşen tanımına bir head özelliği ekleyebilirsiniz: