Nuxt.js SEO için En İyi Uygulamalar

Nuxt.js'nin en büyük satış noktalarından biri, Arama Motoru Optimizasyonu (SEO) ile uygulamanıza ve Google'da daha iyi bir sıralamaya yardımcı olabilmesidir. Bu makalede, Nuxt uygulamanızın arama motorlarında uygun şekilde ayarlandığından emin olmak için en iyi uygulamaları gözden geçireceğiz.

Feragatname: Bu makale bir Google rehberi ya da Google'da nasıl sıralanacağına dair bir rehber değildir. Nuxt uygulamanızdaki en iyi meta etiketleri ve yönlendirmeleri nasıl ayarlayacağınıza dair teknik bir makale.

Nuxt.js SEO konusunda size nasıl yardımcı olur?

Dalmadan önce, Nuxt'un ne olduğunu ve uygulamanızı SEO amacıyla nasıl bir araya getirmenize yardımcı olabileceğini hızla gözden geçirelim.

Tek Sayfa Uygulamaları SEO için ayarlanmamış

Genellikle Vue.js ile, tek bir sayfa uygulaması oluşturuyorsunuz. Bu, yalnızca bir dosyanın, boş bir index.html dosyasının bulunduğu, tamamen JavaScript tarafından oluşturulan bir uygulamadır. İçerik, JavaScript ilk yüklendikten sonra index.html biçiminde doldurulur ve JavaScript de geçiş yollarıyla ilgilenir.

SPA'lar hızlı kullanıcı arayüzleri oluşturmak için mükemmeldir, ancak SEO söz konusu olduğunda, ilk sayfa içeriği olmadığından tek sayfa uygulamaları ideal değildir. Bu, Google’ın ve diğer tarayıcıların (Facebook gibi sosyal medya tarayıcıları dahil) web sitenizi taramasını ve arama sonuçlarında gerektiği gibi görüntülemesini zorlaştırır.

Nuxt.js, evrensel bir uygulama oluşturmayı kolaylaştırır

Evrensel bir uygulama, uygulamanızı bir web sunucusunda önyükleme ve SEO'yu iyileştirmek, yüklemeyi daha hızlı hale getirmek için birçok avantajın yanı sıra, uygulamanızdaki her rota için tarayıcıya yanıt olarak işlenmiş HTML göndermekle ilgilidir.

Evrensel bir uygulamayla, sayfada, herhangi bir JavaScript yüklenmeden önce içindeki etiketleri ve <meta> etiketleri ile <body> içindeki <h1> etiketleri gibi içerik olacaktır. Bu etiketler, tarayıcıların sayfada ne olduğunu belirlemesine yardımcı olur.</p><h3>Nuxt.js tüm sayfalarınız için başa nasıl bakıyor</h3><p>Nuxt, sayfalarınızın her birinde <head> öğesini işlemek için vue-meta adlı bir kütüphane kullanır. Bir sayfa sadece Nuxt’un bir rota için kullandığı terimdir ve her biri bir sayfa klasörünün içinde yaşar.</p><p>Nuxt, uygulamanızın sayfalarında <head> öğesini ayarlamanın üç yolunu sunar. Şimdi onları gözden geçirelim.</p><h3>1) Tüm sayfalar için varsayılan meta etiketleri ayarlama</h3><p>Uygulamanız boyunca farklı sayfaların aynı meta etiketlerin bazılarını paylaşması nadir değildir. Nuxt, nuxt.config.jsfile dosyasındaki head özelliğini ayarlayarak sayfalarınızın her biri için varsayılanları ayarlamanızı sağlar.</p><pre>module.exports = {   kafa: {     titleTemplate: '% s - Nuxt.js'     meta: [// Bu dizideki her nesne kendi meta etiketidir.       {charset: 'utf-8'},       {name: 'viewport', içerik: 'width = cihaz genişliği, başlangıç ​​ölçeği = 1'},       {hid: 'açıklama', ad: 'açıklama', içerik: 'Meta açıklama'}     ]   } };</pre><p>Head özelliğinin içinde tanımlayabileceğiniz tüm özellikleri görmek için burayı tıklayın.</p><p>Not: Nuxt.js mülkün adı için kafa kullanır. vue-meta metaInfo'yu kullanır. Aynı mülk.</p><h3>2) Sayfalarınız için ayrı ayrı meta etiketleri ayarlama</h3><p>Nuxt sayfalarınızın her birinde, bir kafa yöntemi tanımlayabilirsiniz. Tek bir sayfa için başlık etiketlerini elle özelleştirebilirsiniz ve Nuxt nuxt.config.js dosyasında varsayılan olarak ayarladığınızın üzerine yazacaktır.</p><p>İşte head yönteminde kendi meta etiketlerine sahip örnek bir About.vue dosyası:</p><pre><Şablon>   <h1> Sayfa Hakkında </h1> </ Şablon></pre><pre></ins><div class="neighbor-articles"><h4 class="ui header">Ayrıca bakınız</h4><a href="/deal/deep-learning-best-practices-1-weight-initialization-41da0b/" title="Derin Öğrenme En İyi Uygulamaları (1) - Ağırlık Başlatma">Derin Öğrenme En İyi Uygulamaları (1) - Ağırlık Başlatma</a><a href="/deal/why-meeting-gary-vee-was-the-best-thing-to-happen-to-me-df28eb/" title="Neden Gary Vee ile buluşmak başıma gelen en iyi şeydi">Neden Gary Vee ile buluşmak başıma gelen en iyi şeydi</a><a href="/deal/7-of-the-best-knowledge-podcasts-578a3b/" title="En İyi Bilgi Podcast'lerinin 7'si">En İyi Bilgi Podcast'lerinin 7'si</a><a href="/deal/best-10-programming-languages-to-learn-in-2018-a40d34/" title="2018'de öğrenmek için en iyi 10 Programlama Dilleri">2018'de öğrenmek için en iyi 10 Programlama Dilleri</a><a href="/deal/50-best-resources-when-learning-to-code-e2db7f/" title="Kodlamayı öğrenirken en iyi 50 kaynak">Kodlamayı öğrenirken en iyi 50 kaynak</a></div></main><div class="push"></div></div><footer><div class="flags-footer"><a href="https://vi.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="vn flag"></i></a><a href="https://uk.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="ua flag"></i></a><a href="https://th.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="th flag"></i></a><a href="https://sv.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="ch flag"></i></a><a href="https://sr.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="rs flag"></i></a><a href="https://sl.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="si flag"></i></a><a href="https://sk.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="sk flag"></i></a><a href="https://ru.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="ru flag"></i></a><a href="https://ro.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="ro flag"></i></a><a href="https://pt.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="pt flag"></i></a><a href="https://pl.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="pl flag"></i></a><a href="https://de.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="de flag"></i></a><a href="https://ar.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="sa flag"></i></a><a href="https://bg.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="bg flag"></i></a><a href="https://cs.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="cz flag"></i></a><a href="https://da.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="dk flag"></i></a><a href="https://el.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="gr flag"></i></a><a href="https://es.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="es flag"></i></a><a href="https://et.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="ee flag"></i></a><a href="https://fi.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="fi flag"></i></a><a href="https://fr.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="fr flag"></i></a><a href="https://hi.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="in flag"></i></a><a href="https://hr.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="hr flag"></i></a><a href="https://hu.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="hu flag"></i></a><a href="https://id.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="id flag"></i></a><a href="https://it.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="it flag"></i></a><a href="https://ja.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="jp flag"></i></a><a href="https://ko.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="kr flag"></i></a><a href="https://lt.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="lt flag"></i></a><a href="https://lv.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="lv flag"></i></a><a href="https://ms.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="my flag"></i></a><a href="https://finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="nl flag"></i></a><a href="https://no.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="no flag"></i></a><a href="https://uz.finleyandoliver.com/deal/best-practices-for-nuxt-js-seo-a8aafd/"><i class="uz flag"></i></a></div>finleyandoliver.com<!-- --> © <!-- -->2020<!-- --> </footer></div></div></div></body></html>