본문 바로가기
반응형

programming/web66

검색 효율을 높이는 메타 태그 종류 meta tag 웹사이트 제작을 하고 검색엔진에 잘 노출시키기 위해선 메타 태그 ( meta tag ) 를 이용하는 방법이 있다. 이것은 SEO 최적화와 관련이 있고, 네이버부터 구글까지 모든 검색엔진에서 사용한다. 단순히 블로그를 이용하는 것이라면 상관없지만 자신이 웹사이트나 홈페이지가 검색결과에 잘 노출되도록 하려면 신경써야 할 필요가 있다. 메타 태그 ( meta tag ) 메타 태그는 html 문서의 head 태그 사이에 위치하며 사용자에게 보여주는 화면의 요약정리본이라 생각할 수 있다. 먼저 사전적 의미를 살펴보자. meta 란 단어의 사전적 의미는 위치, 상태의 변화와 관련 있음을 나타낸다. 사전적 의미를 살펴봐도 난해하긴 마찬가지 만화책 같은 서적의 표지정보, 길거리 전단지 정보라고 생각해도 된다. 이런 것.. 2021. 7. 9.
구글 SEO 등록과 검색에 유리한 검색노출용 컨텐츠 웹사이트 만들기 여러모로 생고생이다. 하지만 한가지 배운 점이 있다. 구글은 컨텐츠를 좋아한다. 컨텐츠는 글이고 문장이다. 사람들이 많이 찾는 글과 많은 도움을 줄 수 있는 글이 있으면 유리하다. 웹사이트를 직접 꾸며보니 알겠다. 컨텐츠의 개념이 글과 문장이라 생각을 하면 이해가 된다. 블로그 포스팅이 힌트 검색유입을 뜻하는 오가닉의 수치가 높으면 그만큼 사람들이 많이 찾는 것을 의미한다. 검색유입을 많이 높이려면 많이 찾는 내용을 포스팅하면 된다. 하지만, 웹사이트를 직접 꾸리면 여기에서 문제가 하나 생긴다. 블로그는 포스팅을 많이 하면 그 중 사람들이 많이 찾는 글을 찾을 수 있지만 손수 만든 동작형 프로그램 같은 경우는 그렇지 않다. 하지만, 검색유입이 되도록 꾸밀 수는 있다. 원페이지같은 메뉴구조 포스팅은 글이다.. 2021. 7. 8.
CSS html 모든 태그 여백 제거 및 초기화 여기저기 홈페이지를 이동하다보면 여백이 없는 꽉찬 화면을 볼 수 있습니다. 플랫 ( flat ) 디자인의 초기셋팅으로 꽉착화면의 풍부한 인상을 줍니다. 코드는 css 파일의 2줄만 추가하면 되는 것이지만 최초 초기화로 여백이 없어지는 만큼 모든 태그들이 붙어버리는 것에 유의해야 합니다. html 태그 여백 html에서 여백은 어떤 태그 객체의 선을 기준으로 바깥쪽 여백과 안쪽 여백을 설정할 수 있습니다. 바깥쪽 여백은 margin, 안쪽 여백은 padding 을 설정합니다. 가장 간단한 코드를 만들어 보자 아래의 코드는 대충 div 와 p 태그를 배치하고 색상을 따로 설정을 했다. 초기화되지 않은 html의 태그가 어떻게 배치되는지 보기 위해서이다. 일단 코드를 보도록 하고 결과화면을 보도록 하자. to.. 2021. 6. 17.
html 태그 여백을 두자 margin padding 차이 html 태그를 가지고 레이아웃을 만들다 보면 tag 들이 보기 좋게 배치되지 않는다. 어떨 땐 붙고 어떨 땐 떨어진다. html의 스티일에서 margin 과 padding 은 객체간 여백을 주고 싶을 때 사용한다. 당연하겠지만 둘의 차이는 선의 안이냐 밖이냐에 따라 사용범위가 다르다. 안쪽여백, 바깥쪽 여백 여백은 객체끼리의 간격을 말한다. html에서의 여백은 tag들간의 간격을 뜻한다. 안쪽여백은 padding 으로 간격을 조절하고, 바깥쪽 여백은 margin 으로 조절한다. 여백과 객체의 관계 여백을 나타낼 땐 객체와의 관계로써 공간을 만들 수 있다. html에서 margin과 padding은 객체의 선에 의해 결정된다. 이것은 html의 박스모델에 해당되는데 이미지와 글로써 표현해 본다. 어떤 .. 2021. 6. 15.
반응형

티스토리툴바