SEO з Nuxt
Meta теги, useHead, useSeoMeta, structured data, sitemap, robots.txt, Open Graph, поширення в соцмережах
1Яка основна різниця між useHead і useSeoMeta в Nuxt?
Яка основна різниця між useHead і useSeoMeta в Nuxt?
Відповідь
useHead — це універсальний composable для керування всіма тегами head HTML (title, script, link, style, meta), тоді як useSeoMeta спеціалізується виключно на SEO meta тегах із суворою типізацією TypeScript. useSeoMeta забезпечує кращу типобезпеку та автоматичну перевірку SEO-властивостей, як-от og:image, twitter:card, тоді як useHead вимагає ручного налаштування meta тегів. Для SEO-метаданих варто використовувати useSeoMeta, а для інших елементів head — useHead.
2Що таке canonical тег і чому він важливий для SEO?
Що таке canonical тег і чому він важливий для SEO?
Відповідь
Тег canonical (rel=canonical) повідомляє пошуковим системам, яка версія сторінки є основною, коли кілька URL мають схожий або однаковий вміст. Він запобігає штрафу за дубльований контент і консолідує PageRank на канонічному URL. У Nuxt тег canonical за замовчуванням генерується автоматично для кожної сторінки та вказує на поточний URL. Його можна вимкнути або налаштувати через useSeoMeta за допомогою canonical: false або конкретного URL. Незамінний для сайтів із пагінацією, фільтрами або багатомовними версіями.
3Як вимкнути індексування конкретної сторінки в Nuxt, дозволяючи при цьому crawling?
Як вимкнути індексування конкретної сторінки в Nuxt, дозволяючи при цьому crawling?
Відповідь
Використання useSeoMeta з robots: 'noindex, follow' дозволяє краулерам відвідувати сторінку та переходити за посиланнями, але запобігає індексуванню в результатах пошуку. Цей підхід кращий за robots.txt для вже проіндексованих сторінок, оскільки robots.txt блокує crawling, але не видаляє сторінки з індексу. Альтернатива: використовувати defineRouteRules з robots: 'noindex' для централізованої конфігурації. Щоб повністю заблокувати crawling, потрібен robots.txt із Disallow, але він менш гнучкий для окремих сторінок.
Які основні властивості Open Graph необхідні для якісного поширення в соціальних мережах?
Як згенерувати динамічний sitemap у Nuxt із зовнішнього API?
+17 питань зі співбесід
Інші теми співбесід Vue.js / Nuxt.js
Основи JavaScript
Сучасний JavaScript (ES6+)
Основи Vue
Компоненти Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Реактивність Vue
Основи Nuxt
Отримання даних у Nuxt
SSR і SSG у Nuxt
Серверні маршрути Nuxt
Модулі Nuxt
Composables у Vue
Форми та валідація Vue
Керування станом у Nuxt
Тестування Vue
Розгортання Nuxt та CI/CD
Продуктивність Vue
Просунуті патерни Vue
TypeScript із Vue
Автентифікація Nuxt
Інтернаціоналізація Nuxt
Архітектура Vue
Безпека Nuxt
Екосистема Vue
Міграція Vue 2→3 та Nuxt 2→3
Опануй Vue.js / Nuxt.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно