검색엔진최적화
UIUX
72
키워드 분석
블로그
문의하기
검색엔진최적화
UIUX
72
키워드 분석
블로그
문의하기
넥스트티 소개
UIUX 소개
SEO 소개서
Address
경기도 하남시 미사강변한강로 135 스카이폴리스 나동 930
Tel
02-6925-2203
Email
sales@next-t.co.kr
Instagram
Blog
Facebook
Twitter
YouTube
© 2015 NXT. All rights reserved.
문의하기
분석하기
#테크니컬SEO
검색엔진 최적화(SEO) 인라인(Inline) CSS
by NXT
2020.12.25
조회수
1894
정의 : 웹페이지 내 적용하고 싶은 스타일을 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"〉이 문단의 글씨를 굵게 표현하고 이탤릭 채 형태로 구성하며 색상은 회색으로 지정됩니다.
이전글
목록으로
다음글
관련 Post TOP6
오픈그래프(Open Graph) meta og 태그(tag)와 트위터 카드(Twitter Cards)
정의 : 웹페이지를 SNS로 공유 할 때 보이는 미리보기를 설정합니다. Open Graph태그 이해하기
by NXT
2020.12.25
img(image,이미지) tag 중 alt 속성
정의 : 페이지 내 이미지를 삽입할 경우 해당 이미지의 정보를 글로 나타내는 이미지태그의 속성입니다. image Alt Tag 이해하기 img요소의 Alt 속성은 Alterat
by NXT
2020.12.25
Meta Description 뜻
Meta Description(웹페이지 요약설명)정의(뜻) : Meta Description은 웹페이지 콘텐츠에 대한 간략한 설명문으로 검색결과에서 웹사이트의 이름과 함께 표시되며 스니펫(snippet)이라고도 합니다. Meta Description 이해하기 Meta Description의 목적은 검색자가 설명문을 통해 찾고 있는 주제를 다루고 있는 글인지를 판단하는데 도움을 주고자 하는 것과 검색 결과에서 클릭할지 여부를 결정하는 사용자의 결정에 영향을 미칠 수 있습니다. "관련성이
by NXT
2020.12.25
검색엔진 최적화(SEO) 제목태그(Heading tags) h1~h6
검색엔진 최적화(SEO) Heading Tags는 검색엔진과 사용자 모두에게 페이지 내의 콘텐츠 구성을 제대로 전달하는데 사용하는 콘텐츠의 제목입니다.
by NXT
2020.12.25
메타태그(meta tags) expires 속성(property)
정의 : 웹페이지의 메타 태그 캐쉬 속성 설정을 통해 페이지 속도를 최적화 합니다. 메타 태그 expires 속성 이해하기 메타태그는 웹페이지(Web page)의 처음으로 읽어들이는 부분으로 상당히 중요함으로 웹
by NXT
2020.12.25
검색엔진최적화 / seo 최적화 점검 도구 컨설팅
검색엔진최적화 SEO 최적화 검사 서비스검색엔진의 기술적요소를 체크해드립니다. SEO(검색엔진최적화)란? Search Engine Optimization의 약자로 Google이나 Naver에서 웹페이지를 검색결과의 상위에 노출 할 수 있도록 하는 작업입니다.
by NXT
2020.12.25