From e28ff13c9b8c827f6382acd72af878f7226c08ee Mon Sep 17 00:00:00 2001 From: Hyewon Lee Date: Thu, 21 Nov 2024 14:20:30 +0900 Subject: [PATCH] Delete data/blog/240903.mdx --- data/blog/240903.mdx | 225 ------------------------------------------- 1 file changed, 225 deletions(-) delete mode 100644 data/blog/240903.mdx diff --git a/data/blog/240903.mdx b/data/blog/240903.mdx deleted file mode 100644 index a573b14..0000000 --- a/data/blog/240903.mdx +++ /dev/null @@ -1,225 +0,0 @@ ---- -title: '테크니컬 SEO 스터디 내용 공유' -date: '2024-11-15' -tags: ['All'] -draft: false -summary: '테크니컬 SEO 스터디 내용 공유' -images: [] ---- - -🦡 작성자 : 혜원 - -## 🔥 인사이트 한줄 소개! - -3월 말부터 김선배 프로젝트를 위해 테크니컬 SEO 스터디에 참여하고 있는데요! 일본에서 10년 이상 SEO 컨설팅 실무 하신 분이 강의를 해주신다고 하기에 신청했는데 유용한 내용이 많은 것 같아서 프론트끼리 공유하면 좋을 것 같아서 여기에도 공유해 봅니다!! 빨리 많이 배워서 저희 프로젝트에도 천천히 적용해 보고 싶어요 👀 - -## 🔎 본문 내용 - -## SEO는 마케팅을 위해 존재한다 - -### SEM과 SEO - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fcb707022-89d2-4455-ba29-d4ea7251d4e2%2FUntitled.png?table=block&id=26ac6bfb-40d6-4918-97d4-5edefdd8e3a3&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -## SEO는 크게 두가지로 분류된다 - ---- - -- 링크 주스 - -### 컨텐츠 SEO - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F4484461e-cb88-4c28-882a-ecc99834df98%2FUntitled.png?table=block&id=2312fafb-f26e-47fa-ae5b-d95a6f456607&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fd043c5ad-92e9-4bf6-8b7e-54ed3d76085a%2FUntitled.png?table=block&id=0498fdc5-37d4-4788-9b06-923358280409&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -### 테크니컬 SEO - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F2faa2e33-c797-464c-866f-aaec8ade3e4d%2FUntitled.png?table=block&id=6ef4f24d-1a18-4dfb-b61f-79cc31e5fdd8&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F8167cfbb-a729-48fe-862a-15537685bd0b%2FUntitled.png?table=block&id=cc3af699-e6eb-4d84-85a6-b3e132c5c1fc&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F4ee48201-3f61-4e41-9dc2-4bbf92443990%2FUntitled.png?table=block&id=8261f036-3f8e-47fa-95ea-544068ef5f18&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -## 스터디 방향성 - ---- - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fdaf42c3d-3618-4266-870c-3444b49dc155%2FUntitled.png?table=block&id=731acc00-b020-4406-8082-3a7399d9600e&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -## Q&A - ---- - -- 개인 블로그에 올리는 것도 허용 -- PPT 공유는 따로 안 해주실 듯? -- 구글 검색 엔진 최적화를 하려면, “사용자” 관점에서 접근하는 게 정말 중요함 -- 화이트햇 / 블랙햇 - - 블랙햇으로 SEO를 하면, 도메인 자체가 좋은 평가를 받을 수 없음 -- 컨텐츠 SEO : 유저가 원하는 정보를 알기 쉽게 전달하고, 스트레스 없이 페이지를 사용할 수 있도록 해주는 것 -- URL 최적화, 중복 컨텐츠 회피 등의 키워드 중요 - -### Canonical - ---- - -- 한국에는 중복 컨텐츠 회피가 안 되어 있는 사이트가 많다! -- 중복 컨텐츠를 조절하는 것만으로도 테크니컬 SEO에 많은 영향을 끼침 -- ex) 쇼핑몰 사이트에서 여러 컬러가 있는 옷을 구매할 때, 어떤 컬러를 선택함에 따라 url이 바뀌지 않으면, 크롤은 여러 컬러 옵션이 있다고 인식하지 못함 - - 이 컬러 옵션의 수만큼 중복 페이지가 있다고 생각하면 됨 -- 이런 것들을 회피할 수 있도록 하는 게 Cannonical - ---- - -## 사이트 전체 요소 - ---- - -### 암호화 통신 대응 | https 도입 | 사이트의 암호화 통신(SSL) 대응 - -- **GSC(구글 서치 콘솔)**로 http 및 https 여부 확인 - - 웹사이트 뒷면에 있는 데이터를 크롤해서 한번에 모아주는 기능을 함 -- mixed contents(예시 중 하나로, 이미지의 URL이 http인 경우) 존재 여부를 확인 -- (추천) SEO 분석 도구인 **`Screaming Frog`**로 내부 링크 기술 확인 - - 무료 툴은 아님 -- 일반적인 리다이렉트 시 문제 없으나, 만약 302 리다이렉트인 경우, 이전 URL이 계속 잔류할 가능성이 있음 - -### 크롤 최적화 | 사이트맵 송신 | 동적 갱신 사이트맵 작성 · 송신 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Feb7037dc-51b2-44f5-b90f-3d4d8b3bffcd%2FUntitled.png?table=block&id=c4fb9bfa-936b-4cc3-89c3-730d1777d729&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F9e848519-0957-47c8-8fee-94a5a6f21934%2FUntitled.png?table=block&id=9c2de1a7-3edc-4cb8-b63b-7fe68fd4ed39&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 오류가 있으면 서치 콘솔에 제대로 등록 안 됨 -- 동영상 사이트맵은 있으면 좋음 - -### 크롤 최적화 | sitemap 송신 | sitemap과 RSS/ATOM 피드 병용 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fe7949f68-c102-407e-b3db-c8899eed3dba%2FUntitled.png?table=block&id=f06b915e-c6e3-496f-bc74-292929ea871f&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- sitemap을 올려놓지 않아도 크롤이 읽을 수는 있음… 느리게 읽을 뿐 -- 빠르게 인식하길 원한다면 RSS/ATOM을 만들어주면 sitemap보다 크롤이 빠르게 이해할 수 있게 만들 수 있다! - -### 크롤 최적화 | sitemap 동적 업데이트 | 사이트 맵의 적절한 동적 생성 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Ff01dc755-9031-4151-a9c5-b7366fab3812%2FUntitled.png?table=block&id=f9fd4d06-7203-4534-9868-6df3a0501ff8&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -### 크롤 최적화 | robots.txt | robots.txt에 의한 크롤링 제어 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F5fce2f8b-7b07-4bde-8382-fc9429b88afd%2FUntitled.png?table=block&id=e19b15b5-062e-40e6-8ca3-bef35e0cfa67&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- robots.txt에 크롤이 접근할 수 없게끔 하는 디렉션이 추가되는 경우가 있는데 그런 게 있는지 없는지 확인하자 - -### 크롤 최적화 | noindex | noindex를 사용한 검색 인덱스 등록 블록 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Ff76123a0-6f13-4f36-99b0-176d84cfd20c%2FUntitled.png?table=block&id=6b252456-cec2-4bc5-b3dd-77c1c12d10d7&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -### 크롤 최적화 | URL 기본 구조 | 중복 회피 URL 기본 구조 중복 회피 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F8afeea87-4780-4540-a011-2c0517ba6e79%2FUntitled.png?table=block&id=f5e58683-685e-4108-904f-e17ae13d362d&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 구글 : 미러 컨텐츠는 절대 안 된다! → 중복 컨텐츠가 있는지 확인을 잘 해야 됨 -- `/` 유무만 다르고 내용이 같을 경우도 있음 → 캐노니컬 등을 사용해서 정규화 시켜야 됨 - -### 크롤 최적화 | 리다이렉트 | 적절한 리다이렉트 설정 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F7c70c190-30da-4cd7-b898-124b81f3c649%2FUntitled.png?table=block&id=d6669ad6-ca0a-4cea-8612-4d4bb1a65ef0&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/5eda31ee-1593-4ecf-bfad-bae333b90117/7c70c190-30da-4cd7-b898-124b81f3c649/Untitled.png) - -- 반응형 웹인 경우는 상관없는데, 모바일 버전과 PC 버전 사이트가 별도로 있는 경우에는 각 페이지별로 설정을 따로 해줘야 됨 - -[Google 검색용 A/B 테스팅 권장사항 | Google 검색 센터  |  문서  |  Google for Developers](https://developers.google.com/search/docs/crawling-indexing/website-testing?hl=ko&visit_id=638473727792042228-417664854&rd=1) - -참고 링크 - -### 크롤 최적화 | 크롤 통계 정보 | 오류 해소 GSC의 크롤 통계 정보 오류 중지 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F31135d58-8e0d-4e5f-aa9d-00df1d9c036d%2FUntitled.png?table=block&id=c1779cc0-0a4a-4ad6-9448-482ba7b94676&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F76b88965-35b5-4789-ad50-ef194f1a0988%2FUntitled.png?table=block&id=68a6ba35-4ed9-49ff-8268-de9ca7d03d7e&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -### 크롤 최적화 | hreflag 태그 설정 | 페이지의 현지화 버전을 Google에 전달 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F6b695615-4f2a-421b-876d-02cfd240077f%2FUntitled.png?table=block&id=4fb250be-54d6-450d-bdb0-329e329c3d2e&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 다언어 페이지에서 언어 설정을 잘 해줘야 한다 - -### 크롤 최적화 | 무한 스크롤 | 스크롤 하단의 콘텐츠를 구글에 인식시키기 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F1521fe2d-4cda-42ad-a353-8da691f0b4a9%2FUntitled.png?table=block&id=ae640ae8-b128-4c0e-ba62-51bd2e51d066&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 무한 스크롤 마지막 컨텐츠를 어떻게 인식시키게 할 것인지 - -[새롭게 개선된 사이트 크롤링 통계  |  Google 검색 센터 블로그  |  Google for Developers](https://developers.google.com/search/blog/2020/11/search-console-crawl-stats-report?hl=ko) - -- 한국 시간대로 3시 정도에 크롤러 동작 - - 바뀐 사이트가 반영 - -## 네이버 SEO 살펴보기 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F4ddb2314-6d74-45f7-ad37-7ea1ebcae8ce%2FUntitled.png?table=block&id=051087a6-2e00-4461-9948-8f73bad1a6c3&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 서브 도메인 -- 도메인/서브 도메인은 구글에서 완전히 다른 사이트로 인식함 -- 그래서 도메인 - 서브 도메인이 이어지는 느낌이 아님 -- 파라미터로 연결되는 사이트는 동적 URL이기 때문에 정적 URL보다 평가 기준이 낮다 - - 정적/동적 URL을 잘 고려해서 설정하는 게 좋다 -- 바뀔 수 없는 URL인 정적 URL은 더 존재감이 있다고 인식된다! - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fdd174668-a1e7-4561-8d2e-1649fe5158d1%2FUntitled.png?table=block&id=8b53528d-6b58-450f-8cdb-b851af693344&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=990&userId=&cache=v2) - -- 클릭을 할 때마다 컨텐츠가 바뀌는데 URL이 할당되어 있지 않기 때문에 컨텐츠가 바뀌어도 페이지가 하나만 있다고 인식 - -→ 페이지네이션을 할 때 URL이 바뀌어야 SEO적으로 좋다! - -- 의외로 네이버 바로 밑에 페이지는 별로 없고, 거의 서브 도메인으로 연결됨 - -## 카카오 SEO 살펴보기 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fbf7f2569-23c6-422a-a922-5e9672a0a9bd%2FUntitled.png?table=block&id=2466b8a7-103e-461c-bcde-afeddd08b321&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 리다이렉트를 이런 식으로 중복해서 사용하는 것 안 좋음… -- 크롤이 사이트를 이해하는 데 문제가 생기는 경우가 있음 → 어느 게 맞는 건지 혼란이 있을 수 있음 - -- 톱 페이지가 인식이 안 됨 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Faa3b636f-286f-412d-b6ed-915edcb04cb7%2FUntitled.png?table=block&id=7ebb924d-62f9-4628-97ff-4302ca352090&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 상위 카테고리로 이야기 > 콘텐츠 저장소에 들어가면 url이 `/story/archives`인데 그냥 `/story` 페이지는 404가 뜸(페이지가 없음) → SEO적으로 안 좋다 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F9ffddc8b-eefa-4623-baf1-4e1ce4af8083%2FUntitled.png?table=block&id=fe08c0e0-dd6f-41a6-b3df-a639e0401e13&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=740&userId=&cache=v2) - -- 경로에 url이 존재하고 있기 때문 - -## 무신사 SEO 살펴보기 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2F3284580a-4976-49cb-a231-1ccfc0232576%2FUntitled.png?table=block&id=72dbfbe8-ecf0-4721-b8cd-e7522d1e1aaa&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 사람이 볼 때는 14096엔이지만, 크롤러는 ￥14,096 ← 이런 텍스트로 인식 - - 금액이라는 걸 인식하려면 “데이터 구조화” 처리가 필요하다! -- 이런 걸 안 해주면 크롤링이 안 되고, 크롤링이 안 되면 구글 쇼핑탭에서도 검색이 안 됨 → 상품으로 인식이 안 돼서 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fe72df094-e829-4b67-bd71-86670fd21eb2%2FUntitled.png?table=block&id=f13db4d3-8123-47a2-ac90-976c2a5769da&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 색상별로 클릭을 할 때 URL은 바뀌는데 Keywords가 없음 → Title과 Description에 색상 관련 키워드가 없다는 말 -- 저기 3번째 Keywords는 잘 써봤자 SEO에 아무런 영향을 주지 않음 - -## 애플 SEO 살펴보기 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fe401d7b9-ae6d-4a37-ac74-697311d28cf6%2FUntitled.png?table=block&id=459fae42-f11b-4e7d-8e6e-27e32418e5ff&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 사용자가 이 페이지에서 확인할 수 있는 내용을 Description으로 넣어주는 게 좋음 -- 네이버 같은 경우, 저기에 한국적인 표현이 많이 들어 있어서 글로벌적으로는 좋지 않았음 - -[Redirect Path](https://chromewebstore.google.com/detail/redirect-path/aomidfkchockcldhbkggjokdkkebmdll?hl=ko) - -→ 강의자분이 사용하신 리다이렉트 확장 도구 - -![](https://efficacious-camel-96c.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F5eda31ee-1593-4ecf-bfad-bae333b90117%2Fb053784a-a58b-4e40-a6c5-c9dadb9a2cb4%2FUntitled.png?table=block&id=80897661-7ba1-41e6-9446-14d4f7cd3eb5&spaceId=5eda31ee-1593-4ecf-bfad-bae333b90117&width=1420&userId=&cache=v2) - -- 의도적으로 글자가 안 보이게 하고 있는 것 → SEO적으로 안 좋다 -- 의도적으로 텍스트를 감췄다고 인식되어서 안 하는 게 좋다 - -- 이미지에 alt 넣는 것 SEO에 도움됨 -- h1, h2 같은 태그들도 SEO에 도움됨