# seo
SSR-CSR-SEO
SSR Server Side Rendering HTML이 서버에서 빌드됨 장점 정적인 사이트에 적합함 JS에 dependency가 없음 SEO를 위한 크롤링이 쉬움 단점 다중 서버 요청 모든 페이지가 리로드 됨 (서버 로드를 증가시키고 불필요한 컴퓨팅) 인터랙티브함이

Semantic Tag / Semantic Web
Semantics 언어학 및 논리학의 기본 분야 중의 하나로 말이나 글의 의미 또는 뜻을 연구하는 분야. 단어의 의미들 사이의 관계에만 적용되는 것이 아니라 구 (언어), 절 (언어), 문장, 텍스트의 의미를 논하는 데 적용됨 이는 프로그래밍 언어를 이루는 요소

Poke Docs 만들기
개인프로젝트를 진행하는것을 좋아하는데, 이유는 일단 내가 만들고 싶은것을 만들기 때문에 흥미가 생기고, 새로운것들을 많이 시도해 볼 수 있어서 좋아합니다.이번에는 Poke API 를 사용하여 간단한 포켓몬 도감을 만들어 보려고 합니다.일단 사용하려는 stack 은 AP

검색엔진최적화, SEO(with meta tag)
검색엔진최적화 검색엔진최적화(= Search Engine Optmisation)란? > Google, Naver 등의 검색 엔진에서 검색했을 때 상위에 노출되도록... 검색 엔진들은 무수히 넘쳐나는 웹 페이지들 중에서 어떤 기준을 통해서 노출 순서를 정할까요? 그들

TIL 35 | Semantic Web, Semantic Tags
semantic, non-semantic, SEO, Search Engine Optimization

SEO (Search Engine Optimization : 검색엔진 최적화)
웹 사이트(혹은 웹 어플리케이션)을 만드는 이유는 뭘까? 일반적으로 내 제품을 홍보하거나 웹 사이트의 서비스 자체가 비즈니스이기 때문이다. 그렇다면 내 제품, 웹 사이트의 서비스를 효과적으로 홍보하기 위해서는 어떻게 해야할까? 요즘에는 검색이 워낙 활성화되어 있기 때문
Difference between kotlin vs java | 2021
Kotlin is a general-purpose, statically typed, open-source, free programming language that specifically targets Jvm, android, javascript, and native,

구글 웹마스터 컨퍼런스 내용 정리
01. 구글 검색의 작동 원리 색인되있는 정보를 사용자에게 제공 색인단계 크롤링 이전 크롤링결과+사이트맵에서 시작 링크로 이동 서치콘솔 사이트 소유자가 크롤링 방법 설정 재크롤링 요청 혹은 크롤링에서 제외 발견된 웹페이지들은 구글 서버로 색인 생성 - 키

Advantages using MVC framework web development
Over the years, software development has experienced several adjustments. Of all of these modifications, MVC is considered the largest of all. MVC sta
.png?w=768)
TIL 93 | Next.js의 Pre-rendering과 Data Fetch 방법
Next.js에 존재하는 두가지 종류의 Pre-rendering 방법과, 데이터는 어떻게 불러오는지에 대해 알아보자.
.png?w=768)
Meta Tag , OG(오픈그래프) 사용하기
오픈그래프는 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해서 메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜이며 페이스북에 의하여 기존의 다양한 메타 데이터 표기 방법을 참
.gif?w=768)
Semantic Tag는 SEO에 영향을 미칠까?
대부분의 사람들이 자신이 만든 웹에 방문자가 많길 원할 것이다.많은 방문자를 모으려면 접근하기 쉬워야 할 것이고,따라서 검색을 했을 때 위에 표시될 수록 많은 사용자가 몰릴 것이다.검색엔진에 검색이 잘 되도록 할 때 필요한 것이 SEO이다.SEO란 검색엔진 최적화(se
Image elements do not have [alt] attributes
이미지 요소에 alt 속성이 없습니다. > 이미지의 정보 요소는 짧게 서술되는 대체 텍스트를 제공하는 것을 목표로 해야합니다. 이미지 로드가 실패할 경우, alt 속성 내 제공된 텍스트가 해당 이미지에 대한 정보를 제공하는 역할을 합니다.
Document does not have a valid rel=canonical
문서에 유효한 표준 링크가 없습니다. > 표준링크는 검색 결과에 표시할 URL을 제안합니다. 표준 링크를 사용할 경우, 검색 엔진이 여러 개의 URL을 선호하는 하나의 URL로 통합할 수 있게 도와주며 트래킹 방법을 간소화합니다.
Document doesn't have a valid hreflang
문서에 유효한 언어 설정이 없습니다. > hreflang 은 모든 버전에 대한 URL경로를 검색엔진에게 알려줌으로써 사용자가 각 언어나 지역에 맞는 올바른 화면을 볼 수 있게 합니다.
Links do not have descriptive text
명확한 링크 텍스트는 검색엔진이 당신의 컨텐츠를 이해할 수 있게 도와줍니다. > 링크 텍스트가 하이퍼링크의 목적지를 명확하게 전달한다면, 유저와 검색엔진은 당신의 컨텐츠를 좀 더 쉽게 이해할 수 있게 되며, 다른 페이지와 얼마나 연관성 있는지를 알게됩니다.