# 테크니컬(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: /
```