seo 적용 > og(Open Graph protocol 적용)

nuxt.config.js

@@ -5,11 +5,19 @@ module.exports = {
   ** Headers of the page
   */
   head: {
-    title: process.env.npm_package_name || '',
+    title: 'NuxtJS Programming Courses | Yongun', //title: process.env.npm_package_name || '',
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
+      // { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
+      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' },
+      { hid: 'og:title', name: 'og:title', content: 'Learn from amazing courses | Filip Jerga' },
+      { hid: 'og:locale', name: 'og:locale', content: 'en_EU' },
+      { hid: 'og:url', name: 'og:url', content: process.env.BASE_URL || 'http://localhost:3000' },
+      { hid: 'og:type', name: 'og:type', content: 'website' },
+      { hid: 'og:image', name: 'og:image', content: 'https://images.unsplash.com/photo-1484417894907-623942c8ee29?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2389&q=80' },
+      { hid: 'og:description', name: 'og:description', content: 'udemy에 동영상 컨텐츠를 배포하기 위해서 제작된 프로젝트' },
+
     ],
     link: [
       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-promo-yourself",
   "version": "1.0.0",
-  "description": "My super Nuxt.js project",
+  "description": "nuxtjs 로 제작된 포탈 데모. 백엔드는 sailjs 로 제작되었으며 oAuth2.0 을 결합 한 프로젝트. mongodb 를 저장소로 사용 하였으며 udemy 에 동영상 컨텐츠로 배포한다.",
   "author": "yongun",
   "private": true,
   "scripts": {