# seo

183개의 포스트
post-thumbnail

SPA (Single Page Application)

: 서버로부터 완전한 새로운 페이지를 불러오는 게 아니라, 화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아, 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트전통적인 웹사이트 : 페이지 전체를 새롭게 불러온다(loadi

어제
·
0개의 댓글
·
post-thumbnail

# HTML 심화

문서가 어떤 형식과 버전으로 작성되었는지를 명시선언시 standards mode(최신 형식)로 문서 실행비선언시quirks mode(옛날 브라우저를 모방)로 문서 실행브라우저의 탭에 표시됨. 즐겨찾기 제목&검색결과 제목으로 표시됨.오늘날에는 .png .gif 파일로 파

5일 전
·
0개의 댓글
·
post-thumbnail

메타 태그 (Meta Tag)로 검색엔진 최적화하기 (SEO) 🔍 👀 👍

검색 잘되는 사이트의 필수품, 메타태그

2022년 9월 13일
·
0개의 댓글
·

노트 #66 | SEO (검색엔진 최적화)

SEO 의 필요성과 개념SEO 종류SEO 에 영향을 주는 요소의 종류와 작성 방법만들어진 웹 페이지가 검색햇을 때 검색 결과 상위에 없으면 아무도 찾지 않는 웹 페이지가 되어버립니다.검색 엔진에서 웹 페이지를 보다 더 상위에 노출하도록 검색 엔진의 작동 방식에 맞게 웹

2022년 9월 11일
·
0개의 댓글
·

Robots.txt

웹사이트에 웹 크롤러 같은 로봇들의 접근을 제어하기 위한 규약1994년 6월에 만들어진 로봇 배제 규약이나 권고사항이므로 지켜야할 의무는 없음검진엔진들의 인덱싱 목적으로 크롤러가 사용될 때, robots.tsx 에 ‘안내문 형식’으로 특정 경로에 대한 크롤링을 자제해

2022년 9월 6일
·
0개의 댓글
·
post-thumbnail

JavaScript_SEO

SEO란, 웹 페이지를 최적화해주는 작업, SEO(Search Engine Optimization, 검색 엔진 최적화)이다. SEO를 통해 검색 엔진에서 웹 페이지를 보다 더 상위에 노출될 수 있게끔 만들 수 있다.SEO는 크게 On-Page SEO와 Off-Page

2022년 9월 6일
·
0개의 댓글
·

[사용자 친화 웹] SEO

사이트가 잊혀지는 것을 방지하기 위해서 SEO가 필요하다

2022년 9월 5일
·
0개의 댓글
·

웹표준&접근성

웹에서 표준적으로 사용되는 기술이나 규칙사용자가 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹페이지 제작 기법유지보수웹 호환성검색 효율웹 접근성HTML요소가 의미를 갖도록 만드는 것. 태그만 보고도 어떤 기능을

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

[OZ] SEMRUSH 사이트를 이용한 OZ TECH SEO 분석

[OZ] SEMRUSH 사이트를 이용한 OZ TECH SEO 분석 및 해결

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

[TIL] 웹 표준 & 접근성

Today I Learn... 주말부터 비가 계속 내리고 있다 ☔️ 비 내리는 소리를 배경 삼아 오늘 작성할 글은 웹표준과 접근성에 대한 내용이다. 어떤 환경에서도 이용할 수 있는, 어떤 사람이든 이용할 수 있는 웹페이지를 만드는 방법에 대해 정리해보자! 월요일

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

[On-page SEO] meta 오픈그래프 요소 설정하기

[On-page SEO] meta 오픈그래프 요소 설정하기

2022년 9월 1일
·
0개의 댓글
·
post-thumbnail

[OZ] SEO의 핵심과 향상 방법 - 기초편

네이버나 구글 등 검색엔진에 어떤것을 검색했을때, 어떤 기준으로 다양한 사이트들이 상단에 올라오는지 궁금하지 않으셨나요? 대체로 모든 검색엔진에 친화적으로 사이트를 최적화 할 수 있는 방법, SEO에 대해서 설명하겠습니다.

2022년 9월 1일
·
0개의 댓글
·
post-thumbnail

HTML/CSS | SEO와 웹접근성

최근 검색엔진은 사람의 지능을 따라올 정도로 발전하고 있다. 단순히 유저들이 최선의 답을 찾도록 도와주는 것을 넘어서 AI와 결합하여 마치 사람처럼 판단하고, 서비스를 제공해준다. 특히 구글 검색 엔진의 경우 유저의 검색을 토대로 인공지능과 머신러닝을 활용해 잠재 고객

2022년 8월 30일
·
0개의 댓글
·

SPA VS MPA(SEO, CSR, SSR)

Single Page Application한 개의 Page로 구성된 어플리케이션웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드이후, 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다.SPA를 CSR(Client

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

next.js

React에서는 라우터가 없어서 보통 react-router-dom을 사용해서 렌더링한다하지만 Nest.js의 경우 별 다른 설정없이 Routing을 할 수 있다.폴더 내부의 파일위치나 파일명에 따라서 routing을 할 수 있다.이곳에서 렌더링 하는 값은 무조건 모든

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

SEO(CSR, SSR, SSG)

🐥 웹 렌더링하는데 3가지의 다른 방식인 CSR, SSR SSG가 있다. 우선 SEO를 알아보고 다음에 렌더링 3형제를 알아보자.세오. 조세오 아니다. 헿SEO(Search Engine Optiomization)는 검색엔진 최적화이다. 사용자의 니즈에 맞춰서 웹에서

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

Next.js에서 동적 URL의 사이트맵 만들기 📄

안녕하세요! 이번에는 Next.js에서 동적 URL 형식의 사이트맵 만들기를 주제로 글을 작성해보겠습니다.

2022년 8월 20일
·
0개의 댓글
·
post-thumbnail

[React] SPA 방식과 MPA 방식은 무엇인가요?

한 개(Single)의 Page로 구성된 ApplicationSPA는 웹 에플리케이션에 필요한 모든 정적 리소스를 최초 한 번에 다운로드새로운 페이지 요청이 있을 때, 페이지 갱신에 필요한 데이터만 전달 받아서 페이지를 갱신해서 SPA를 CSR방식으로 렌더링한다고 말한

2022년 8월 15일
·
0개의 댓글
·
post-thumbnail

Div에서 벗어나자! 시맨틱 태그

:A semantic element clearly describes its meaning to both the browser and the developer.(w3c)시맨틱 태그란 브라우저와 개발자에게 내용을 명확히 설명하는 태그 즉, 의미를 가진 태그를 말한다.non

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

애플은 왜 <h1/>을 숨겼을까?

애플 웹사이트를 보는데 `<h1/>` 태그가 숨겨져 있는 걸 발견했다. 굳이 보이지도 않는 `<h1/>` 태그를 왜 이렇게 숨겨놓은걸까?

2022년 8월 7일
·
0개의 댓글
·