{"id":227,"date":"2025-09-30T17:29:40","date_gmt":"2025-09-30T08:29:40","guid":{"rendered":"https:\/\/hed-g.me\/?p=227"},"modified":"2025-09-30T17:29:40","modified_gmt":"2025-09-30T08:29:40","slug":"%ea%b5%ac%ea%b8%80-%ed%81%ac%eb%a1%a4%eb%9f%ac-%ec%b5%9c%ec%a0%81%ed%99%94","status":"publish","type":"post","link":"https:\/\/hed-g.me\/?p=227","title":{"rendered":"\uad6c\uae00 \ud06c\ub864\ub7ec \ucd5c\uc801\ud654"},"content":{"rendered":"\n

\uad6c\uae00 \ud06c\ub864\ub7ec\uc758 \ub3d9\uc791 \ubc29\uc2dd<\/strong><\/h2>\n\n\n\n

\uad6c\uae00\ubd07(Googlebot)\uc740 \ub2e8\uc21c\ud55c \ud14d\uc2a4\ud2b8 \uc218\uc9d1\uae30\uac00 \uc544\ub2c8\ub77c, <\/p>\n\n\n\n

\uc2e4\uc81c\ub85c \ud06c\ub86c \uae30\ubc18\uc758 \ub80c\ub354\ub9c1 \uc5d4\uc9c4<\/strong>\uc744 \uc774\uc6a9\ud574<\/p>\n\n\n\n

\ud398\uc774\uc9c0\ub97c \ucc98\ub9ac\ud55c\ub2e4. \uc774 \uacfc\uc815\uc740 \ubcf4\ud1b5 \uc138 \ub2e8\uacc4\ub85c \uc774\ub8e8\uc5b4\uc9c4\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\ud06c\ub864\ub9c1(Crawling)<\/strong><\/h3>\n\n\n\n

\uc0c8\ub85c\uc6b4 URL\uc744 \ucc3e\uc544\ub0b4\uace0, \uc11c\ubc84\uc5d0 \uc694\uccad\uc744 \ubcf4\ub0b4 HTML \ubb38\uc11c\ub97c \ubc1b\uc544\uc628\ub2e4.<\/p>\n\n\n\n

robots.txt\uc640 \uac19\uc740 \ud30c\uc77c\uc744 \ucc38\uace0\ud558\uc5ec \uc811\uadfc \uac00\ub2a5\ud55c URL\ub9cc \uc218\uc9d1\ud55c\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\ub80c\ub354\ub9c1(Rendering)<\/strong><\/h3>\n\n\n\n

\ubc1b\uc740 HTML\uc744 \ud30c\uc2f1\ud558\uace0, \ud544\uc694\ud55c \uacbd\uc6b0 JavaScript\ub3c4 \uc2e4\ud589\ud558\uc5ec DOM\uc744 \uc644\uc131\ud55c\ub2e4.<\/p>\n\n\n\n

CSS, \uc774\ubbf8\uc9c0, \ud3f0\ud2b8 \ub4f1 \uc678\ubd80 \ub9ac\uc18c\uc2a4\ub3c4 \uc694\uccad\ud558\uae30 \ub54c\ubb38\uc5d0, \ub124\ud2b8\uc6cc\ud06c \ud658\uacbd\uc774\ub098 \ucc28\ub2e8 \uc815\ucc45\uc5d0 \ub530\ub77c<\/p>\n\n\n\n

\uc77c\ubd80\uac00 \ub204\ub77d\ub420 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\uc778\ub371\uc2f1(Indexing)<\/strong><\/h3>\n\n\n\n

\uc644\uc131\ub41c DOM \ud2b8\ub9ac\uc640 \uba54\ud0c0\ub370\uc774\ud130\ub97c \uae30\ubc18\uc73c\ub85c \ud398\uc774\uc9c0\ub97c \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0 \uc800\uc7a5\ud55c\ub2e4.<\/p>\n\n\n\n

\uc774\ud6c4 \uac80\uc0c9 \uacb0\uacfc\uc5d0 \ub178\ucd9c\ub420 \uc218 \uc788\uac8c \ub41c\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\ub80c\ub354\ub9c1 \ucd5c\uc801\ud654<\/h2>\n\n\n\n

CSR \ud398\uc774\uc9c0\uc758 \ubb38\uc81c<\/strong><\/h3>\n\n\n\n

CSR(Client-Side Rendering) \ud398\uc774\uc9c0\ub294 \ucd08\uae30 HTML\uc774 \ube44\uc5b4 \uc788\uc5b4,<\/p>\n\n\n\n

\uad6c\uae00\ubd07\uc774 \ub80c\ub354\ub9c1 \ud050\uc5d0\uc11c JS\ub97c \uc2e4\ud589\ud574\uc57c\ub9cc \uc778\ub371\uc2f1\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

\uc774 \uacfc\uc815\uc774 \uc9c0\uc5f0\ub418\uba74 \uac80\uc0c9 \ub178\ucd9c\uc774 \ub2a6\uc5b4\uc9c0\uac70\ub098 \uc77c\ubd80 \ud398\uc774\uc9c0\ub294 \uc544\uc608 \uc778\ub371\uc2f1\ub418\uc9c0 X<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

SSR\/SSG\uc758 \uac15\uc810<\/strong><\/h3>\n\n\n\n

SSR(Server-Side Rendering)\uc774\ub098 SSG(Static Site Generation)\ub294 \uc644\uc131\ub41c HTML\uc744 \uc81c\uacf5\ud558\ubbc0\ub85c,<\/p>\n\n\n\n

\ud06c\ub864\ub7ec\uac00 \uc989\uc2dc \ucf58\ud150\uce20\ub97c \uc778\uc2dd\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Critical Rendering Path \ucd5c\uc801\ud654<\/strong><\/h3>\n\n\n\n

\uad6c\uae00\ubd07\uc740 \ub9ac\uc18c\uc2a4 \uc694\uccad\uc5d0 \uc81c\ud55c\uc774 \uc788\uace0, JS\/CSS \ud30c\uc77c\uc774 \ud06c\uba74 \ud06c\ub864\ub9c1 \ube44\uc6a9\uc774 \uc99d\uac00\ud55c\ub2e4.<\/p>\n\n\n\n

\ub530\ub77c\uc11c, \ud544\uc218 \ub9ac\uc18c\uc2a4\ub9cc \uc6b0\uc120 \uc81c\uacf5<\/strong>\ud558\uace0, \ub098\uba38\uc9c0\ub294 lazy \ub85c\ub529\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n

*next\/script\uc758 strategy=”lazyOnload”\ub97c \ud65c\uc6a9\ud558\uba74 \ube44\ud575\uc2ec JS\ub97c \ub2a6\uac8c \ub85c\ub529\uc2dc\ud0ac \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\uc778\ub371\uc2f1 \ucd5c\uc801\ud654<\/strong><\/h2>\n\n\n\n

\uba54\ud0c0 \ud0dc\uadf8 \uad00\ub9ac<\/strong><\/h3>\n\n\n\n

<title>, <meta name=”description”>\uc740 \uac80\uc0c9 \uacb0\uacfc\uc5d0\uc11c \uc9c1\uc811 \ub178\ucd9c\ub418\ub294 \uc694\uc18c\ub2e4.<\/p>\n\n\n\n

Next.js 13+\uc5d0\uc11c\ub294 app\/ \ub514\ub809\ud1a0\ub9ac\uc758 metadata API\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud398\uc774\uc9c0\ubcc4 \uba54\ud0c0\ub370\uc774\ud130\ub97c \uc120\uc5b8\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Canonical URL<\/strong><\/h3>\n\n\n\n

\ub3d9\uc77c \ucf58\ud150\uce20\uac00 \uc5ec\ub7ec \uacbd\ub85c\ub85c \uc811\uadfc \uac00\ub2a5\ud560 \uacbd\uc6b0, rel=”canonical” \ud0dc\uadf8\ub97c \ud1b5\ud574 \ub300\ud45c URL\uc744 \uc9c0\uc815\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n

e.g. \/products\/macbook-pro \uc640 \/products?item=123 \u2192 canonical\uc744 \/products\/macbook-pro\ub85c \ud1b5\uc77c<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\uad6c\uc870\ud654 \ub370\uc774\ud130 (Structured Data)<\/strong><\/h3>\n\n\n\n

JSON-LD\ub97c \uc774\uc6a9\ud574 \uad6c\uae00\uc5d0 \ucf58\ud150\uce20 \uc758\ubbf8\ub97c \uc804\ub2ec\ud55c\ub2e4.<\/p>\n\n\n\n

e.g. \uc81c\ud488 \ud398\uc774\uc9c0\uc5d0\ub294 \uac00\uaca9, \uc7ac\uace0 \uc0c1\ud0dc, \ub9ac\ubdf0 \ud3c9\uc810\uc744 \ud3ec\ud568\ud55c schema.org<\/a> \ub9c8\ud06c\uc5c5\uc744 \ucd94\uac00<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Core Web Vitals\uc640 SEO<\/strong><\/h2>\n\n\n\n

\uad6c\uae00\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8 \uc9c0\ud45c<\/strong>\ub97c \uac80\uc0c9 \ub7ad\ud0b9\uc5d0 \ubc18\uc601\ud55c\ub2e4. \ub300\ud45c\uc801\uc778 \uc9c0\ud45c\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n

    \n
  • LCP (Largest Contentful Paint)<\/strong>: \uac00\uc7a5 \ud070 \uc694\uc18c\uac00 \ud654\uba74\uc5d0 \uadf8\ub824\uc9c0\ub294 \uc2dc\uac04 (\uad8c\uc7a5 2.5\ucd08 \uc774\ub0b4)<\/li>\n\n\n\n
  • FID (First Input Delay)<\/strong>: \uccab \uc0ac\uc6a9\uc790 \uc785\ub825\uc5d0 \ubc18\uc751\ud558\ub294 \uc2dc\uac04 (\uad8c\uc7a5 100ms \uc774\ub0b4)<\/li>\n\n\n\n
  • CLS (Cumulative Layout Shift)<\/strong>: \ub808\uc774\uc544\uc6c3\uc774 \uc5bc\ub9c8\ub098 \uc548\uc815\uc801\uc778\uc9c0 (\uad8c\uc7a5 0.1 \uc774\ub0b4)<\/li>\n<\/ul>\n\n\n\n

    <\/p>\n\n\n\n

    Next.js\uc5d0\uc11c \ud560 \uc218 \uc788\ub294 \ucd5c\uc801\ud654 \uc608\uc2dc:<\/p>\n\n\n\n

      \n
    • next\/image\ub85c \uc774\ubbf8\uc9c0 \ucd5c\uc801\ud654<\/li>\n\n\n\n
    • \ucf54\ub4dc \uc2a4\ud50c\ub9ac\ud305\uacfc dynamic import<\/li>\n\n\n\n
    • prefetch\ub97c \ud1b5\ud55c \ub77c\uc6b0\ud305 \ucd5c\uc801\ud654<\/li>\n<\/ul>\n\n\n\n

      <\/p>\n\n\n\n

      <\/p>\n\n\n\n

      \uad6d\uc81c\ud654(i18n)\uc640 SEO(\uae00\ub85c\ubc8c)<\/strong><\/h2>\n\n\n\n

      \uae00\ub85c\ubc8c \uc11c\ube44\uc2a4\ub97c \uc6b4\uc601\ud55c\ub2e4\uba74 hreflang \uc18d\uc131\uc744 \ud1b5\ud574 \uc5b8\uc5b4\/\uc9c0\uc5ed\ubcc4 \ud398\uc774\uc9c0\ub97c \uba85\ud655\ud788 \uad6c\ubd84\ud574\uc57c \ud558\uba70<\/p>\n\n\n\n

      Next.js i18n \ub77c\uc6b0\ud305\uc744 \ud65c\uc6a9\ud558\uba74 \/en, \/ko, \/jp\uc640 \uac19\uc740 \uacbd\ub85c\ub97c \uc27d\uac8c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

      \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 \ub2e4\uad6d\uc5b4 \ud398\uc774\uc9c0\uac00 \uc911\ubcf5 \ucf58\ud150\uce20\ub85c \uc778\uc2dd\ub420 \uc218 \uc788\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"

      \uad6c\uae00 \ud06c\ub864\ub7ec\uc758 \ub3d9\uc791 \ubc29\uc2dd \uad6c\uae00\ubd07(Googlebot)\uc740 \ub2e8\uc21c\ud55c \ud14d\uc2a4\ud2b8 \uc218\uc9d1\uae30\uac00 \uc544\ub2c8\ub77c, \uc2e4\uc81c\ub85c \ud06c\ub86c \uae30\ubc18\uc758 \ub80c\ub354\ub9c1 \uc5d4\uc9c4\uc744 \uc774\uc6a9\ud574 \ud398\uc774\uc9c0\ub97c \ucc98\ub9ac\ud55c\ub2e4. \uc774 \uacfc\uc815\uc740 \ubcf4\ud1b5 \uc138 \ub2e8\uacc4\ub85c \uc774\ub8e8\uc5b4\uc9c4\ub2e4. \ud06c\ub864\ub9c1(Crawling) \uc0c8\ub85c\uc6b4 URL\uc744 \ucc3e\uc544\ub0b4\uace0, \uc11c\ubc84\uc5d0 \uc694\uccad\uc744 \ubcf4\ub0b4 HTML \ubb38\uc11c\ub97c \ubc1b\uc544\uc628\ub2e4. robots.txt\uc640 \uac19\uc740 \ud30c\uc77c\uc744 \ucc38\uace0\ud558\uc5ec \uc811\uadfc \uac00\ub2a5\ud55c URL\ub9cc \uc218\uc9d1\ud55c\ub2e4. \ub80c\ub354\ub9c1(Rendering) \ubc1b\uc740 HTML\uc744 \ud30c\uc2f1\ud558\uace0, \ud544\uc694\ud55c \uacbd\uc6b0 JavaScript\ub3c4 \uc2e4\ud589\ud558\uc5ec DOM\uc744 \uc644\uc131\ud55c\ub2e4. CSS, \uc774\ubbf8\uc9c0, \ud3f0\ud2b8 \ub4f1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[44],"tags":[152,157,127,71,130],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-frontend","tag-next-js","tag-157","tag-127","tag-71","tag-130"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=227"}],"version-history":[{"count":1,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/227\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}