{"id":908,"date":"2026-05-20T09:56:14","date_gmt":"2026-05-20T01:56:14","guid":{"rendered":"https:\/\/junai.ai\/blog\/nextjs-analytics-seo-21\/"},"modified":"2026-05-20T09:56:14","modified_gmt":"2026-05-20T01:56:14","slug":"nextjs-analytics-seo-21","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/nextjs-analytics-seo-21\/","title":{"rendered":"Analytics\uc640 SEO \u2014 Vercel\u00b7sitemap\u00b7Search"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 855 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n:root {--color-primary:#4f46e5;--color-accent:#6366f1;--color-bg:#fafbfc;--color-bg-card:#fff;--color-text:#1a202c;--color-text-muted:#64748b;--hero-start:#1e1b4b;--hero-end:#4338ca;}\n*{box-sizing:border-box;}\n.container{max-width:760px;margin:0 auto;padding:0 24px 80px;}\n.hero{background:linear-gradient(135deg,var(--hero-start) 0%,var(--hero-end) 100%);color:#fff;padding:80px 24px 60px;text-align:center;}\n.hero .eyebrow{display:inline-block;font-size:14px;color:#a78bfa;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:14px;}\n.hero h1{font-size:36px;margin:0 0 16px;line-height:1.3;font-weight:800;}\n.hero p{color:#c7d2fe;font-size:18px;max-width:640px;margin:0 auto;line-height:1.6;}\n.hero img{width:100%;max-width:640px;height:auto;margin:32px auto 0;border-radius:10px;display:block;}\narticle{padding-top:48px;}\narticle h2{font-size:26px;margin:56px 0 20px;padding-left:14px;border-left:5px solid var(--color-accent);line-height:1.4;}\narticle h3{font-size:19px;margin:32px 0 12px;color:var(--color-primary);}\narticle p{margin:16px 0;}\narticle strong{color:var(--color-primary);font-weight:700;}\narticle code{background:#eef2ff;padding:2px 8px;border-radius:4px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;color:#4338ca;}\n.databox{background:#eef2ff;border-left:4px solid var(--color-accent);padding:16px 20px;margin:24px 0;border-radius:0 8px 8px 0;font-size:15.5px;}\n.databox strong{color:var(--color-primary);}\n.warnbox{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);padding:16px 20px;margin:24px 0;border-radius:8px;font-size:15.5px;}\n.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;}\ntable{width:100%;border-collapse:collapse;font-size:15px;background:var(--color-bg-card);}\nth,td{padding:11px 12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top;}\nth{background:#f1f5f9;font-weight:700;color:#0f172a;}\ntd:first-child,th:first-child{font-weight:700;}\n@media (max-width:560px){.tablewrap table,.tablewrap thead,.tablewrap tbody,.tablewrap tr,.tablewrap th,.tablewrap td{display:block;width:auto;}.tablewrap thead{display:none;}.tablewrap tr{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;}.tablewrap td{border:none;border-bottom:1px solid #f1f5f9;padding:9px 14px;}.tablewrap td:first-child{background:#f1f5f9;font-weight:800;font-size:15.5px;}.tablewrap td:last-child{border-bottom:none;}.tablewrap td[data-label]::before{content:attr(data-label) \" \u2014 \";font-weight:700;color:var(--color-primary);}}\n.code-block{background:#0f172a;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;line-height:1.6;margin:20px 0;overflow-x:auto;white-space:pre;}\n.cta{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);color:#fff;padding:28px 24px;border-radius:12px;margin:48px 0 0;text-align:center;}\n.cta h3{color:#fff;margin:0 0 8px;font-size:20px;}\n.cta p{color:#c7d2fe;margin:0;font-size:15.5px;}\n.footer-nav{margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0;font-size:14px;color:var(--color-text-muted);}\n.footer-nav a{color:var(--color-primary);text-decoration:none;}\n@media (max-width:480px){.hero h1{font-size:26px;}.hero p{font-size:16px;}article h2{font-size:21px;}article h3{font-size:17px;}body{font-size:16px;}}\n<\/style>\n<section class=\"hero\">\n  <span class=\"eyebrow\">Next.js \uad50\uc7ac \u00b7 21\ud3b8 \u00b7 Analytics\u00b7SEO<\/span>\n  <h1>Analytics\uc640 SEO \u2014 Vercel\u00b7sitemap\u00b7Search<\/h1>\n  <p>\ubc30\ud3ec\ub9cc \ud558\uba74 \ub05d\uc774 \uc544\ub2c8\ub2e4. \ub204\uac00 \uc624\ub294\uc9c0 \uce21\uc815, \uac80\uc0c9\uc5d4\uc9c4\uc5d0 \ub178\ucd9c\uae4c\uc9c0.<\/p>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-5-86.jpg\" alt=\"Analytics \ub300\uc2dc\ubcf4\ub4dc\uc640 \uac80\uc0c9\uc5d4\uc9c4 \uc778\ub371\uc2f1 \ucee8\uc149 \uc77c\ub7ec\uc2a4\ud2b8\">\n<\/section>\n\n<div class=\"container\">\n<article>\n\n<p>20\ud3b8\uc5d0\uc11c \uc0ac\uc774\ud2b8\uac00 \ub77c\uc774\ube0c\uac00 \ub410\ub2e4. \uadf8\ub7f0\ub370 \u2014 \ub204\uac00 \uc624\ub294\uc9c0\u00b7\uc5b4\ub514\uc11c \uc624\ub294\uc9c0\u00b7\uac80\uc0c9\uc5d4\uc9c4\uc5d4 \uc7a1\ud614\ub294\uc9c0 \ubaa8\ub974\uba74 \uadf8\ub0e5 \ube48 \uc0ac\uc774\ud2b8. \ub370\uc774\ud130 \uc5c6\uc774 \uac1c\uc120 \ubd88\uac00.<\/p>\n\n<p>\uc774\ubc88 \ud3b8\uc740 \uadf8 \ub450 \ucd95\uc744 \ud55c \ubc88\uc5d0 \u2014 <strong>Analytics<\/strong>(\ubc29\ubb38\uc790 \uce21\uc815)\uc640 <strong>SEO<\/strong>(\uac80\uc0c9\uc5d4\uc9c4 \uc778\ub371\uc2f1). Next.js + Vercel \uc870\ud569\uc5d0\uc11c \ub458 \ub2e4 \ucf54\ub4dc \uba87 \uc904\ub85c \ub05d\ub098\ub294 \ub3c4\uad6c\uac00 \ud45c\uc900\ud654\ub3fc \uc788\ub2e4.<\/p>\n\n<h2>1. Vercel Analytics \u2014 \ud55c \uc904\ub85c \ud2b8\ub798\ud53d \uce21\uc815<\/h2>\n\n<p>Google Analytics \uc758 \uac00\ubcbc\uc6b4 \ub300\uc548. \ucfe0\ud0a4 \uc548 \uc4f0\uace0 GDPR \uce5c\ud654\uc801.<\/p>\n\n<div class=\"code-block\">$ npm install @vercel\/analytics<\/div>\n\n<div class=\"code-block\">\/\/ app\/layout.tsx\nimport { Analytics } from &#8216;@vercel\/analytics\/react&#8217;;\n\nexport default function RootLayout({ children }) {\n  return (\n    &lt;html lang=&#8221;ko&#8221;&gt;\n      &lt;body&gt;\n        {children}\n        &lt;Analytics \/&gt;        {\/* \u2190 \uc774 \ud55c \uc904 *\/}\n      &lt;\/body&gt;\n    &lt;\/html&gt;\n  );\n}<\/div>\n\n<p>Vercel Dashboard \u00b7 Analytics \ud0ed\uc5d0\uc11c \ubc29\ubb38\uc790\u00b7\ud398\uc774\uc9c0\ubdf0\u00b7\uc778\uae30 \ud398\uc774\uc9c0\u00b7\uad6d\uac00\u00b7\ub514\ubc14\uc774\uc2a4 \ud655\uc778. <strong>Vercel \ud638\uc2a4\ud305 \uc2dc \ubb34\ub8cc<\/strong> (Hobby \ud50c\ub79c\ub3c4). \ub2e4\ub978 \ud638\uc2a4\ud305\uc774\uba74 \ub3d9\uc791 \uc548 \ud568.<\/p>\n\n<h2>2. Speed Insights \u2014 Core Web Vitals<\/h2>\n\n<p>\uc18d\ub3c4 \uce21\uc815. LCP\u00b7CLS\u00b7INP \uac19\uc740 \ub77c\uc774\ud2b8\ud558\uc6b0\uc2a4 \uc9c0\ud45c\ub97c \uc2e4\uc81c \uc0ac\uc6a9\uc790 \ud658\uacbd\uc5d0\uc11c \uc218\uc9d1.<\/p>\n\n<div class=\"code-block\">$ npm install @vercel\/speed-insights<\/div>\n\n<div class=\"code-block\">\/\/ app\/layout.tsx (\uc704\uc640 \uac19\uc774)\nimport { SpeedInsights } from &#8216;@vercel\/speed-insights\/next&#8217;;\n\n\/\/ body \ub05d\uc5d0\n&lt;Analytics \/&gt;\n&lt;SpeedInsights \/&gt;<\/div>\n\n<p>\uc2e4\uc81c \uc0ac\uc6a9\uc790(RUM\u00b7real user monitoring) \ud658\uacbd\uc758 \uc810\uc218 \u2014 Lighthouse \uac19\uc740 lab \uce21\uc815\ubcf4\ub2e4 \uc9c4\uc9dc. \ubaa8\ubc14\uc77c 95th percentile LCP \uac00 \uac00\uc7a5 \ubd10\uc57c \ud560 \uc9c0\ud45c.<\/p>\n\n<div class=\"databox\">\n<strong>\ub2e4\ub978 \uc635\uc158<\/strong> \u2014 Plausible(\ucfe0\ud0a4\ub9ac\uc2a4, $9\/\uc6d4)\u00b7Umami(\uc790\uccb4 \ud638\uc2a4\ud305 OSS)\u00b7Google Analytics 4(\ubb34\ub8cc\uc9c0\ub9cc \ubb34\uac70\uc6c0). \ud55c\uad6d\uc5d0\uc120 Naver Search Advisor \ub3c4 \ubcc4\ub3c4 \ub4f1\ub85d \ud544\uc694. Vercel Analytics \ub294 \uac00\uc7a5 \uac00\ubccd\uc9c0\ub9cc \ud55c \ud638\uc2a4\ud305\uc5d0 \uc885\uc18d.\n<\/div>\n\n<h2>3. sitemap.ts \u2014 \uac80\uc0c9\uc5d4\uc9c4\uc6a9 \ud398\uc774\uc9c0 \ubaa9\ub85d<\/h2>\n\n<p>7\ud3b8 \uba54\ud0c0\ub370\uc774\ud130 \ucc55\ud130\uc5d0\uc11c \ubd24\ub358 \uadf8\uac83. \ub2e4\uc2dc \ud55c \ubc88.<\/p>\n\n<div class=\"code-block\">\/\/ app\/sitemap.ts\nimport type { MetadataRoute } from &#8216;next&#8217;;\n\nexport default async function sitemap(): Promise&lt;MetadataRoute.Sitemap&gt; {\n  const baseUrl = &#8216;https:\/\/my-site.com&#8217;;\n  const staticPaths = [\n    { url: baseUrl, priority: 1.0 },\n    { url: `${baseUrl}\/about`, priority: 0.8 },\n    { url: `${baseUrl}\/pricing`, priority: 0.8 },\n  ];\n  const posts = await fetchAllPosts();\n  const postPaths = posts.map(p =&gt; ({\n    url: `${baseUrl}\/blog\/${p.slug}`,\n    lastModified: p.updatedAt,\n    priority: 0.6,\n  }));\n  return [&#8230;staticPaths, &#8230;postPaths];\n}<\/div>\n\n<p>\uc774 \ud55c \ud30c\uc77c\uc774 <code>\/sitemap.xml<\/code> \ub85c \uc790\ub3d9 \uc0dd\uc131. Google Search Console \uc5d0 \ub4f1\ub85d\ud560 URL.<\/p>\n\n<h2>4. robots.ts \u2014 \ud06c\ub864\ub7ec \uac00\uc774\ub4dc<\/h2>\n\n<div class=\"code-block\">\/\/ app\/robots.ts\nimport type { MetadataRoute } from &#8216;next&#8217;;\n\nexport default function robots(): MetadataRoute.Robots {\n  return {\n    rules: [\n      { userAgent: &#8216;*&#8217;, allow: &#8216;\/&#8217;, disallow: [&#8216;\/admin\/&#8217;, &#8216;\/api\/&#8217;] },\n      { userAgent: &#8216;GPTBot&#8217;, disallow: &#8216;\/&#8217; },   \/\/ ChatGPT \ud06c\ub864\ub7ec \ucc28\ub2e8\n    ],\n    sitemap: &#8216;https:\/\/my-site.com\/sitemap.xml&#8217;,\n  };\n}<\/div>\n\n<p>2026 \uae30\uc900 \u2014 AI \ud06c\ub864\ub7ec(GPTBot\u00b7ClaudeBot\u00b7Google-Extended) \ucc28\ub2e8\uc744 \uba85\uc2dc\ud558\ub294 \uac8c \ud2b8\ub80c\ub4dc. \ubcf8\uc778 \ucf58\ud150\uce20 \ud559\uc2b5 \ub370\uc774\ud130 \uc0ac\uc6a9 \ub9c9\uc744\uc9c0 \uacb0\uc815. <code>llms.txt<\/code> \ud45c\uc900\ub3c4 \uac19\uc774 \ub4f1\uc7a5 \uc911.<\/p>\n\n<h2>5. Search Console\u00b7\uad6c\uc870\ud654 \ub370\uc774\ud130<\/h2>\n\n<h3>Google Search Console \ub4f1\ub85d (\ud544\uc218)<\/h3>\n\n<p>1. <code>search.google.com\/search-console<\/code> \uc5d0\uc11c \ub3c4\uba54\uc778 \ucd94\uac00. 2. DNS \ub610\ub294 HTML \uba54\ud0c0\ub85c \uc18c\uc720 \ud655\uc778. 3. sitemap.xml URL \uc81c\ucd9c. 4. 1~2\uc8fc \ud6c4 \uc778\ub371\uc2f1 \uc0c1\ud0dc\u00b7\uac80\uc0c9 \ud0a4\uc6cc\ub4dc\u00b7CTR \ud655\uc778.<\/p>\n\n<p>\ub124\uc774\ubc84\ub294 \ubcc4\ub3c4 \u2014 <code>searchadvisor.naver.com<\/code>. \uac19\uc740 sitemap \uc73c\ub85c \ub4f1\ub85d \uac00\ub2a5. \ud55c\uad6d \ud2b8\ub798\ud53d \uc7a1\uc73c\ub824\uba74 \ub458 \ub2e4 \ud544\uc218.<\/p>\n\n<h3>\uad6c\uc870\ud654 \ub370\uc774\ud130 (JSON-LD)<\/h3>\n\n<p>\uac80\uc0c9 \uacb0\uacfc\uc5d0\uc11c \ubcc4\uc810\u00b7\uc774\ubbf8\uc9c0\u00b7FAQ \uce74\ub4dc \uac19\uc740 \ud48d\ubd80\ud55c \ud45c\uc2dc \uac00\ub2a5. JSON-LD \ud55c \ube14\ub85d\uc744 \ud398\uc774\uc9c0\uc5d0 \ubc15\ub294\ub2e4.<\/p>\n\n<div class=\"code-block\">\/\/ app\/blog\/[slug]\/page.tsx\nexport default async function PostPage({ params }) {\n  const { slug } = await params;\n  const post = await fetchPost(slug);\n\n  const jsonLd = {\n    &#8216;@context&#8217;: &#8216;https:\/\/schema.org&#8217;,\n    &#8216;@type&#8217;: &#8216;Article&#8217;,\n    headline: post.title,\n    image: post.coverImage,\n    datePublished: post.publishedAt,\n    author: { &#8216;@type&#8217;: &#8216;Person&#8217;, name: post.author },\n  };\n\n  return (\n    &lt;&gt;\n      &lt;script\n        type=&#8221;application\/ld+json&#8221;\n        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}\n      \/&gt;\n      &lt;article&gt;\u2026&lt;\/article&gt;\n    &lt;\/&gt;\n  );\n}<\/div>\n\n<p>schema.org \uc758 \ud0c0\uc785(<code>Article<\/code>\u00b7<code>Product<\/code>\u00b7<code>FAQPage<\/code>\u00b7<code>Recipe<\/code>) \ubcc4\ub85c \ub2e4\ub978 \ud544\ub4dc. Google Rich Results Test \ub85c \ubbf8\ub9ac\ubcf4\uae30 \uac00\ub2a5.<\/p>\n\n<div class=\"warnbox\">\n<strong>SEO \ud754\ud55c \ud568\uc815<\/strong> \u2014 \u2460 title\u00b7description \ube44\uc6c0(\uac80\uc0c9 \ubb34\uc2dc), \u2461 \ubaa8\ub4e0 \ud398\uc774\uc9c0 \uac19\uc740 title(&#8220;My Site&#8221;), \u2462 canonical \ube60\ub728\ub9bc(\uc911\ubcf5 \ucf58\ud150\uce20 \ud398\ub110\ud2f0), \u2463 noindex \uc2e4\uc218(\uac1c\ubc1c \uc911 \ub9c9\uc544\ub454 \uac70 production \uae4c\uc9c0 \uac00\ub294 \uc0ac\uace0), \u2464 \uc774\ubbf8\uc9c0 alt \ube44\uc6c0(\uc811\uadfc\uc131\u00b7SEO \ub458 \ub2e4 \uc190\ud574). 7\ud3b8 metadata \ucc55\ud130 \ub2e4\uc2dc \uc810\uac80.\n<\/div>\n\n<h3>\uc694\uc57d \u2014 21\ud3b8 \uc88c\ud45c<\/h3>\n\n<p>\uc5ec\uae30\uae4c\uc9c0 \uc815\ub9ac. <strong>Vercel Analytics<\/strong>\u00b7<strong>Speed Insights<\/strong> \ub450 \ucef4\ud3ec\ub10c\ud2b8\ub85c \ud2b8\ub798\ud53d\u00b7\uc18d\ub3c4 \uce21\uc815 \uc2dc\uc791. <strong>app\/sitemap.ts<\/strong>\u00b7<strong>app\/robots.ts<\/strong> \ub450 \ud30c\uc77c\ub85c \uac80\uc0c9\uc5d4\uc9c4\uc6a9 \uba54\ud0c0 \uc790\ub3d9 \uc0dd\uc131. <strong>Google\u00b7Naver Search Console<\/strong> \uc591\ucabd \ub4f1\ub85d \ud544\uc218. \uad6c\uc870\ud654 \ub370\uc774\ud130(JSON-LD) \ub85c \uac80\uc0c9 \uacb0\uacfc \ud48d\ubd80\ud558\uac8c. 7\ud3b8 metadata \uc704\uc5d0 \ub354 \uc5b9\ub294 \ub370\uc774\ud130 \ub808\uc774\uc5b4. \ub2e4\uc74c \ud3b8\uc5d0\uc11c <strong>\ud14c\uc2a4\ud2b8<\/strong> \u2014 Jest\u00b7RTL\u00b7Playwright.<\/p>\n\n<div class=\"cta\">\n<h3>\ub2e4\uc74c \ud3b8 \uc608\uace0 \u2014 Next.js \ud14c\uc2a4\ud2b8<\/h3>\n<p>Jest\u00b7React Testing Library\u00b7Playwright \uae30\ucd08. 22\ud3b8.<\/p>\n<\/div>\n\n<div class=\"footer-nav\">\n\uc2dc\ub9ac\uc988 \u00b7 <a href=\"https:\/\/junai.ai\/blog\/category\/nextjs\/\">\uc27d\uac8c \ubc30\uc6b0\ub294 Next.js<\/a> \u00b7 \uc774\uc804: <a href=\"https:\/\/junai.ai\/blog\/nextjs-deploy-vercel-20\/\">Ch.20 Vercel \ubc30\ud3ec<\/a>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Next.js \ud2b8\ub798\ud53d\u00b7SEO \u2014 Vercel Analytics\u00b7sitemap\u00b7robots\u00b7Search Console\u00b7JSON-LD. \uad50\uc7ac 21\ud3b8.<\/p>\n","protected":false},"author":1,"featured_media":855,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-908","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nextjs"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/comments?post=908"}],"version-history":[{"count":0,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/908\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/855"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}