# seo

188개의 포스트

SEO 최적화 (feat. robots.txt, meta tag)

현재 유지/보수하고 있는 서비스의 LCP 개선에 이어서 SEO도 살펴보았습니다. meta tag와 robots.txt 파일의 부재가 주된 원인이었는데요. meta tag와 robots.txt 파일에 대해 살펴본 다음 개선된 결과를 확인하도록 하겠습니다. robots

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

[Next.js] 렌더링 (CSR, SSR, SPA)

클라이언트 사이드 렌더링(CSR)텅 빈 html페이지가 먼저 브라우저에 보내지고 브라우저가 자바스크립트를 받아와 동적으로 렌더링하는 것을 말한다.필요한 데이터만 받아서 보여주므로 트래픽이 감소된다.바뀐 부분만 렌더링하므로 빠른 화면전환이 가능하다.사용자가 첫화면을 보기

5일 전
·
0개의 댓글
·

[SEO] 검색 엔진 최적화 정리

SEO(Search Engine Optimization)약자로, 검색 엔진 최적화를 뜻한다.

5일 전
·
0개의 댓글
·

검색엔진 최적화(SEO)

2022년 05월 01일 ~ 2022년 11월 20일까지 진행한 스터디를 바탕으로 로컬에 작성한 글을 Velog에 옮긴 내용입니다.

5일 전
·
0개의 댓글
·

메타태그(meta tag) SEO 어떤 것들이 쓰일까? (2022년)

메타태그(meta tag) SEO 어떤 것들이 쓰일까? (2022년) 기준 자료를 보고 정리해봤습니다. 메타태그는 html문서의 사이에 입력하는 특수태그 입니다. 사이트에는 표시가 안되지만 이 사이트가 어떤 사이트인지 알려주는 그런 태그 입니다.http-equiv=”항

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

SPA (Single Page Application)

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

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

# HTML 심화

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

2022년 9월 25일
·
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

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개의 댓글
·