본문 바로가기

검색엔진최적화(SEO)/테크니컬 SEO

img(image,이미지) tag 중 alt 속성 정의 : 페이지 내 이미지를 삽입할 경우 해당 이미지의 정보를 글로 나타내는 이미지태그의 속성입니다. Image Alt Tag 이해하기 img 요소의 Alt 속성은 Alternate(대체하다)의 줄임 말입니다. 다시 말해 이미지를 설명해주는 글입니다. 이미지가 제대로 나올 경우에는 이 속성값이 브라우저에서 보이지 않아 무시하는 경향이 있는데요~ 이미지를 보지 못하여 스크린리더를 이용하는 시각장애인과 이미지를 불러오지 못하여 엑스박스가 뜰 때의 경우를 고려한다면 Alt태그는 반드시 필요한 속성입니다. 그래서 장애인차별금지법에 필수 항목이죠. 즉, Alt 속성을 사용하면 이미지 정보가 노출되기 때문에 사용자가 이해하기 쉬우며, 검색엔진이 페이지에 대한 주제를 잘 해석할 수 있게 하여 검색 노출에도 도움을 줍..
캐노니컬(Canonical) 대표/표준 URL 주소 정의 : 웹페이지 내 삽입된 링크에 대해 「이 링크는 연관된 웹페이지가 아니므로 크롤링* 시 참고하지 마세요」라고 검색엔진에게 알려주는 것입니다. No Follow 이해하기 No follow속성은 웹페이지 단위로 사용되기도 하고, 웹페이지 내 링크에 대한 크롤링*을 하지 말라는 역할로 사용됩니다. 웹페이지 단위로 사용될 경우 해당 웹페이지를 검색엔진에 노출하지 말라고 지시하는 역할로 사용됩니다. 웹페이지 내 링크에 대해 속성을 사용해야 하는 이유는 링크를 통해 연결된 웹페이지의 분석 결과와 웹페이지 분석 결과가 합산되어 검색엔진 사이트 노출 순위에 영향을 미치기 때문입니다. 웹페이지 내 링크에 대해 No follow 속성을 사용하는 경우는 다음과 같습니다. 1. 신뢰 할 수 없는 웹페이지로 연결: 게시판..
오픈그래프(Open Graph) meta og 태그(tag)와 트위터 카드(Twitter Cards) 정의 : 웹페이지를 SNS로 공유 할 때 보이는 미리보기를 설정합니다. Open Graph태그 이해하기 SNS미리보기 화면은 평소에 친구나 지인에게 공유를 하면서 보셨으리라고 생각되는데요! 웹페이지의 공유 버튼 혹은 URL을 복사하여 SNS로 콘텐츠를 공유합니다. 이때, 해당 콘텐츠의 요약내용이 “SNS에 게시되는데 최적화된 데이터”를 가지고 갈 수 있도록 설정하는 것입니다. 공유 할 때 미리보기가 이상하다면 클릭하지 않을 확률이 높겠죠? 최적화 된 데이터로 표시될 수 있도록 태그를 설정해야합니다. 태그사용법 Naver 블로그, 카카오톡 미리보기 설정 ->콘텐츠 제목 ->웹페이지 URL ->웹페이지 타입(blog, website 등) ->표시되는 이미지 ->웹사이트 이름(URL과 다름) ->웹페이지 설명..
검색엔진최적화(SEO) 소셜미디어 지원 및 최적화 정의 : 웹페이지가 소셜미디어와 연결되었는지를 카운팅합니다. (소셜미디어 최적화 부분은 별도 오픈그라프&트위터 미리보기 섹션에서 포스팅 합니다.) Social Media Check 이해하기 SNS는 Social Networking Service의 약자로, 사용자 간의 자유로운 정보 공유, 인맥 확대 등 사회적 관계를 생성하고 강화시켜주는 온라인 플랫폼입니다. 가장 유명한 SNS는 ‘페이스북, 트위터, 인스타그램, 구글 플러스, 네이버 블로그’ 가 있습니다. 최근에 SNS의 중요성이 점점 높아지면서 페이지에 필수적으로 적용 해야하는 요소가 되었습니다. 주변을 둘러보면 SNS를 사용하지 않는 사람의 비율이 더 적다는 사실! 아시죠? 웹페이지가 SNS로 연결됨으로써 “사용자의 방문”을 높일 수 있으며, “웹사..
검색엔진 최적화(SEO) 제목태그(Heading tags) h1~h6 정의 : 검색엔진 최적화(SEO) Heading Tags는 검색엔진과 사용자 모두에게 페이지 내의 콘텐츠 구성을 제대로 전달하는데 사용하는 콘텐츠의 제목입니다. Head Tag 이해하기 HTML구조에서 제목, 소제목 및 단락을 기술하는 개념이며, H1~H6 태그로 구성됩니다. Head Tag를 적절하게 사용하여 “사이트의 주제”를 알기 쉽게 작성해서 검색 엔진과 사용자가 정보를 제대로 알 수 있도록 해주어야 합니다. 어떠한 알고리즘 변화가 온다고 할지라도 웹문서를 잡아주는 “가장 기본적인 골격”이기 때문에 SEO 최적화에 중요한 요소입니다. 이때! 페이지의 구조를 크기순으로 배치하는것이 중요하며, H1 -> H6 태그의 순으로 크기와 중요도가 낮아집니다. 반드시 H1~H6 태그를 전부 사용할 필요는 없지..
SEO 페이지 속도 최적화 - CSS, JAVASCRIPT, FLASH 개체 수 정의 : 웹페이지의 디자인(스타일), 동적인 부분 등을 만드는 파일수를 체크합니다.CSS, JAVASCRIPT, FLASH 파일 수 이해하기 페이지를 구성하는 CSS, JAVASCRIPT, FLASH 파일이 많을 경우 서버에 많은 파일들을 요청해야 하므로 “웹페이지 로딩 속도가 느려집니다.” 웹페이지 로딩속도가 느려지면 사용자가 이탈율이 높아지게 됩니다.내 웹사이트를 찾아준 방문자를 나가게 해선 안되겠죠?그러므로 CSS, JAVASCRIPT, FLASH 파일의 수를 “20개 미만”으로 유지하는 것을 권장합니다.요즘은 FLASH는 사용되지 않고 개발 시 외부 CDN에서 부트스트랩이나 JQuery등 라이브러리를 가져오는 부분이 일반적이어서 점차 개수가 높아지고 있는 추세입니다. SEO Friend의 등급체크..
Meta Description 뜻 정의 : Meta Description은 웹페이지 콘텐츠에 대한 간략한 설명문으로 검색결과에서 웹사이트의 이름과 함께 표시되며 스니펫(snippet)이라고도 합니다. Meta Description 이해하기Meta Description의 목적은 검색자가 설명문을 통해 찾고 있는 주제를 다루고 있는 글인지를 판단하는데 도움을 주고자 하는 것과 검색 결과에서 클릭할지 여부를 결정하는 사용자의 결정에 영향을 미칠 수 있습니다. “관련성이 높은 설명” 일수록 사용자가 인지하기에 쉽기 때문에 클릭 가능성이 높아지겠죠?작성 길이의 기준은 “구글은 160자 미만, 네이버는 80자 미만”입니다. 둘 다 맞추려면 80자 미만으로 설명을 작성해야겠군요. (구글은 검색 결과 페이지 Meta Description 기존 160자..
META TITLE(웹페이지 제목) 정의 : Meta Title 태그는 페이지의 콘텐츠를 정확하고 간결하게 설명하는 웹페이지의 제목입니다. Meta Title 이해하기 Meta Title은 “웹페이지의 고유 제목” 이며, 검색엔진이 웹페이지를 읽을 때 가장 먼저 읽는 내용입니다. 사람으로 비유한다면 개인의 이름이라 할 수 있겠네요. 모든 웹페이지마다 중복 되지 않도록 해당 웹페이지의 내용을 설명할 수 있는 문구를 간략하게 기입해야 검색엔진이 내용을 찾아 노출시킬 가능성이 높으며, 사용자 입장에서도 검색 시 “관련성이 높고 설명이 구체적인 텍스트”의 경우 클릭할 확률이 높아집니다! 별도의 글자 수 제한은 없지만 검색 결과에서 표현이 가능한 수준으로 제목의 길이를 제한하여 작성해 주세요. 과도한 길이의 제목은 검색 사용자의 사용성을 저해할 수..