홈페이지 제작 견적, 웹사이트 제작 견적, 온라인 제작 견적, 문의, 견적문의
문의하기
seo검색엔진 최적화 / 온라인 마케팅 전략 및 UX 컨설팅 / 웹 or 모바일 구축에 대해 무엇이든 문의하세요.
이름 (업체명)*
전화번호*
  -  
  -  
이메일*
요구사항
개인정보보호정책에 동의합니다.
닫기버튼
수집하는 개인정보의 항목
·이름, 전화번호, 이메일

개인정보의 수집·이용 목적
·이름 : 서비스 이용에 대한 견적 및 상담 진행을 위한 기본적인 대상자 정보
·전화번호/이메일 : 문의 사항에 대한 답변을 전달하기 위한 원할한 의사 소통 경로의 확보

개인정보의 보유 및 이용기간
·원칙적으로 개인정보의 수집 또는 제공받은 목적 달성 시 지체없이 파기합니다.
·단, 수집목적 및 제공받은 목적이 달성된 경우에도 법률의 규정에 의해여 보존할 필요성이 있는 경우에는
    법률의 규정에 따라 고객의 개인정보를 보유할 수 있습니다.
     - 계약 또는 청약철회 등에 관한 기록 : 5년
     - 대금결제 및 재화등의 공급에 관한 기록 : 5년
     - 소비자의 불만 또는 분쟁처리에 관한 기록 : 3년 등
보내기
(05854)서울특별시 송파구 법원로 128 V1 메트로시티 C동 513호
T02-6925-2203
F02-6455-1287
Esales@next-t.co.kr
이메일 / 전화
문의하기
영업문의, 견적문의, 홈페이지 견적, 웹사이트 견적
넥스트티's
블로그
블로그 마케팅
디지털 마케팅
개발
서버(AWS, Ubuntu)
프론트개발(Vue.js, jQuery)
데이터베이스(MySql, MsSql)
검색엔진최적화(SEO) / 테크니컬 SEO

검색엔진 최적화(SEO) 인라인(Inline) CSS

by 넥스트티 Feb 13. 2019
정의 : 웹페이지 내 적용하고 싶은 스타일을 HTML태그 안에 개별로 속성을 적용하여 사용하는 것을 의미합니다.
인라인(Inline) CSS 이해하기
인라인 CSS는 〈p style='background-color:#000000; color:#eeeeee'〉안녕하세요!처럼 태그 내 style 속성으로 css를 사용하는 것을 말합니다. 그러면 인라인 소스의 문제점은 무엇일까요?
① HTML 파일 크기
HTML 코드가 더 커지면 최근 가장 이슈가 되고 있는 페이지속도 최적화에 마이너스가 되고 코드 대 글의 비율이 낮아져서 SEO에 악영향을 끼칠 수 있습니다.
② 크롤링 방해
웹페이지 내 비슷한 Inline CSS의 반복 사용은 검색엔진의 크롤링*에 방해가 됩니다.
③ 어려운 코드 유지 관리
파일 전체에 똑같은 종류의 코드를 변경하는 것보다 중앙 집중화 된 위치에 코드를 두는 것이 훨씬 바람직합니다.
위와 같은 이유 때문에 Inline CSS를 제거해야 하는 것이 좋습니다.
그럼 검색엔진도 쉽게 크롤링 할 수 있고, 사용자도 접속 시 로딩이 빨라지므로 방문률이 높은 웹페이지가 되겠죠!
SEO(검색엔진최적화)를 위해서는 웹페이지 내 스타일을 적용할 경우 외부CSS나 내부CSS 형식 사용을 권장합니다.
*크롤링: 웹페이지의 컨텐츠를 가져와서 검색엔진의 결과를 보여주기 위한 데이터를 추출해 내는 행위를 말합니다.
크롤링을 기반으로 검색결과를 제공하는 구글, 네이버가 대표적입니다.
SEO Friend의 등급체크
SEO 등급 설명
Good Inline CSS 속성을 사용하지 않음
Bad Inline CSS 속성을 1번 이상 사용함
태그 예시
〈p style="font-weight: bold; font-style: italic; color: gray"​〉이 문단의 글씨를 굵게 표현하고 이탤릭 채 형태로 구성하며 색상은 회색으로 지정됩니다.

(05854)서울특별시 송파구 법원로 128 V1 메트로시티 C동 513호
대표이사 : 홍은표 | 사업자등록번호 : 85788000440
Tel : 02-6925-2203 | Fax : 02-6910-0325 | E-mail : sales@next-t.co.kr
ⓒ Next-T inc.