# 테크니컬(Technical) SEO

## 사이트 속도 최적화

* 검색엔진은 페이지 로딩 속도를 반영해요. 
* 웹페이지의 로딩 속도를 높이기 위해 캐싱, 이미지 최적화, 코드 최소화 등을 시행해요. Google PageSpeed Insights를 사용하여 속도를 측정하고 개선할 수 있습니다.
  * [https://pagespeed.web.dev](https://pagespeed.web.dev/)
  * <https://developers.google.com/speed/docs/insights/v5/about?hl=ko>

## 모바일 최적화

* 전 세계적으로 인터넷 사용자의 대부분이 모바일 기기를 통해 웹사이트에 접속합니다.&#x20;
* 대표적인 검색엔진인 구글 등은 모바일 퍼스트 인덱싱을 진행하고 있어, 반응형 웹 디자인, 모바일 사용친화적인 UX 등이 중요한 요소예요.&#x20;
* 모바일에 최적화 되지 않은 이미지 크기, 폰트 크기 등은 모바일 최적화에 영향을 주며, 저 품질 사이트로 판단 되어 검색엔진이 낮은 품질 평가 점수를 부여할 수 있어요.&#x20;
* 모바일 최적화의 대표적인 예에는 구글 AMP가 있습니다.

{% embed url="<https://developers.google.com/search/blog/2016/09/what-is-amp?hl=ko>" %}

* SSL(Secure Sockets Layer)은 인터넷을 통한 데이터 전송을 보호하기 위해 설계된 표준 보안 기술이에요.&#x20;
* SSL은 인터넷 보안의 기본 요소로, 웹사이트와 사용자 간의 안전한 통신을 보장합니다.

## SSL 인증서 설치

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNL4CvR0EBv2oPHye7ORd%2Fuploads%2FxiFF7icekN8j6Yz0FOyN%2Fimage.png?alt=media&#x26;token=d6a66bbc-5f73-4d1b-ba60-28f300d8182d" alt=""><figcaption><p>암호화된 https 통신은 개인정보 등 주요 데이터 유출을 막을 수 있습니다.</p></figcaption></figure>

### 대체 SSL은 뭘까?

* SSL(Secure Sockets Layer)은 인터넷을 통한 데이터 전송을 보호하기 위해 설계된 표준 보안 기술이에요.&#x20;
* SSL은 인터넷 보안의 기본 요소로, 웹사이트와 사용자 간의 안전한 통신을 보장합니다.

### SSL은 왜 중요할까?

* 검색엔진은  HTTPS(SSL인증서 취득)를 사용하는 웹사이트를 더 선호합니다.
* 보안서버(SSL 인증서 취득)를 사용하지 않을 경우 해킹에 매우 취약하기 때문이에요.&#x20;

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNL4CvR0EBv2oPHye7ORd%2Fuploads%2F6CzlbbeamotrpqkOM1CQ%2Fimage.png?alt=media&#x26;token=96b6e15a-5ba6-4294-898b-d63942474a0b" alt=""><figcaption></figcaption></figure>

* 고도몰에서는 보안서버 서비스 신청을 지원하고 있습니다.
  * <https://www.nhn-commerce.com/echost/power/add/convenience/ssl-intro.gd>
  * **고도몰 \[쇼핑몰 관리자>기본설정>보안서버 관리]**&#xC5D0;서 서비스 설정이 가능합니다

## 사이트맵 생성 및 제출

### 사이트맵이란?

* 사이트맵(Sitemap)은 웹사이트의 모든 페이지를 나열한 목록으로, 검색 엔진이 사이트의 구조와 페이지들을 더 쉽게 크롤링하고 인덱싱할 수 있도록 돕는 파일이에요.

```xml
<url>
<loc>https://www.nhn-commerce.com/</loc>
<changefreq>daily</changefreq>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.nhn-commerce.com/customer/main.gd</loc>
<changefreq>daily</changefreq>
<priority>0.85</priority>
</url>
```

### SEO에서 사이트맵의 중요성

* 사이트맵은 웹사이트의 크롤링과 인덱싱을 효율적으로 관리하기 위해 필수적인 도구랍니다. &#x20;
* 검색엔진이 사이트를 크롤링(정보 수집)할 때, 쉽게 정보를 수집할 수 있도록 구조화 된 정보를 제공해요.&#x20;

### 무료사이트맵 생성 사이트

{% tabs %}
{% tab title="XML 사이트맵" %}
{% embed url="<https://www.xml-sitemaps.com>" %}
{% endtab %}

{% tab title="슬릭플랜" %}
{% embed url="<https://slickplan.com>" %}
{% endtab %}

{% tab title="SEO MADE EASY" %}
{% embed url="<https://seositecheckup.com>" %}
{% endtab %}
{% endtabs %}

## 로봇 텍스트 파일 설정

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNL4CvR0EBv2oPHye7ORd%2Fuploads%2FAAdLF6zu0u3aLN8mgsuc%2Fimage.png?alt=media&#x26;token=6a07e7f4-8de0-4e55-8728-6c281d0be8a0" alt=""><figcaption><p>로봇텍스트를 수정하여 검색엔진 등 봇(bot)에게 특정 문서 수집을 허용할지 등을 결정합니다.</p></figcaption></figure>

### 로봇텍스트란?

* 검색 엔진 크롤러(로봇)에게 웹사이트의 특정 부분의 크롤링(수집) 여부를 지시하는 규칙이에요.&#x20;
* 아래와 같은 로봇텍스트의 경우 /mygodo 경로의 페이지 등은 수집 불가 처리되어 있어요.&#x20;

```
User-Agent: *
Disallow: /mygodo/
Disallow: /member/
Disallow: /mygodo_colocation/
Disallow: /mygodo_hosting/
Disallow: /mygodo_iwebhosting/
Disallow: /mygodo_dbhosting/
Disallow: /mygodo_serverhosting/
Disallow: /mygodo_transfer/
```

로봇텍스트의 예시는 아래와 같아요.&#x20;

* 모든 크롤러가 모든 페이지를 크롤링 할 수 있도록 허용하는 경

```
User-agent: *
Disallow:
```

* 모든 크롤러가 특정 디렉토리를 크롤링하지 못하도록 차단

```
User-agent: *
Disallow: /private/
```

* 네이버 봇과 구글 봇에게 수집 허용

```
User-agent: Googlebot
User-agent: Yeti
Allow: /
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://marketing-help.nhn-commerce.com/traffic-growth-strategies/how-to-rank-online-store-with-seo/technical-seo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.