# seo
웹 컨텐츠 구조화
이 문서는 웹에 어떠한 컨텐츠를 보여주고자 할 때, 어떤 식으로 검색엔진이 인지하고는지와 구조화된 데이터의 작동방식에 대하여 다루고 있습니다.구글, 빙 등의 검색엔진들은 유저들이 원하는 검색결과를 쉽게 얻을 수 있도록 schema.org markup을 활용하고 있다.
깃허브 블로그(Jekyll) SEO 세팅
검색엔진이 이해하기 쉽도록 홈페이지 구조를 설정하여 포털 사이트 상위에 노출시키는 작업이다. jekyll으로 제작된 깃허브 블로그에 SEO 작업을 진행하겠다.웹 크롤링 로봇이 이용할 수 있는 웹사이트의 접근 가능한 페이지의 목록사이트맵을 등록하면 구글에서 주기적으로 크
SPA에서 서버사이드 렌더링을 구축하지 않고 SEO 최적화하기
얼마 전 create-react-app 기반의 SPA 프로젝트에서 빠른시간내에 SEO를 적용해야 하는 일이 있었습니다. 제가 아는것은 SPA의 SEO는 next.js 혹은 gatsby 를 이용하여 개발하거나, 직접 서버사이드 렌더링(Server-Side Renderin
Autowink | python으로 어플리케이션 설치 정보 가져오기
이 문서는 teamwink ALDA HEALTH METRICS 중 하나인 설치와 관련한 정보를 스크래핑하고, 이를 저장하기 위한 스크립트에 대하여 설명하고 있습니다.ALDA Health Metrics는 노출 - 획득 - 유지 - 활성 등으로 구분이 됩니다. 이 가운데
Nuxt.js vs Vue.js - SSR 시작하기
Nuxt.js는 Vue를 바탕으로 서버사이드 렌더링 어플리케이션을 만들기 위한 라이브러리입니다. Vue 프로젝트의 구조를 바탕으로 Nuxt.js를 사용해 보기 위해 기존 코드와의 차이점을 비교하며 정리 해 봅니다.
next.js 프로젝트 초기설정하기
본 글에서는 다음을 다룹니다. next.js 는 SSR 을 사용할 수 있게 해주는 모듈입니다. React.js에 SSR을 이용해 SEO(Search Engine Optimization)을 적용할 수 있게 해주며 SEO가 적용된 프로덕트는 구글과 같은 사용자가 많이 사용
검색 엔진 최적화 (Search Engine Optimization, SEO)
http://www.bloter.net/archives/309882상기 포스트을 토대로 학습한 내용과 개인적인 견해를 담아 글을 작성하고자 한다.진행 중인 프로젝트의 프론트엔드 서버 개발 외에 SEO라는 핵심 과제가 추가적으로 있다. 생전 처음 들어보는 용어인
AMP 그게 뭐야?
최근 진행한 프로젝트에서 기존 메인페이지를 AMP버전으로 만들어볼 기회가 생겼습니다. AMP를 실제로 제작해보면서 느낀 점을 공유해보고자 합니다. AMP가 뭔데? AMP(Accelerated Mobile Pages) 직역하면 모바일 가속화 페이지 입니다. 모바일 환경에서 빠른 속도로 페이지를 렌더링하여 제공합니다. 또한 검색 결과를 카드 뉴스형태로 보여주...