보이지 않는 더 넓은 세상💻/블로그 운영기 (19) 썸네일형 리스트형 네이버 서치어드바이저(Search advisor) 사이트 최적화 시키기 이버 웹마스터 도구가 이름을 네이버 서치어드바이저로 바꾸었네요. 약관이 바뀌었다고 해서 들어가 봤는데 생각보다 많은 정보가 업로드되었더라고요. 그리고 한동안 안 열어보았던 내 홈페이지... 사실 네이버 유입이 계속 늘고 있어서 최적화가 잘되어있을 것이라 생각하고 확인하지 않았는데, 오늘 보니 참혹하더라고요. 상위 10% 라 하긴 해서 으쓱하긴 하지만 상위 1%라고 해도 무조건 노출이 되지 않는다는 이야기가 있어서 일단 최대한 수정하기로 결심했습니다 ㅋㅋ. 수정의 기록을 블로그에 남겨놓습니다. 검색 로봇 수집 최적화시키기 (네이버 서치 어드바이저) ▲ 분명히 로봇들이 잘 검색하고 있다는 것을 잘 알고 있음에도 불구하고, 문제가 있다고 하네요. 사이트맵은 예전에 google xml sitemap을 이용해서 .. 티스토리 메타 태그 등록 방법 - 구글 서치콘솔 그리고 네이버 웹마스터도구 메타태그 구글 서치 콘솔(흔히 구글 웹마스터 도구라고도 부름)에 가입해서 여러 가지 과정을 거쳐야 구글 검색에 블로그가 노출되게 된다. 티스토리에서는 메타태그를 간단하게 등록할 수 있는 방법이 있어서 기록으로 남겨놓는다. 사실 스킨 편집 항목에 들어가서 html을 뜯어고치는 방법도 있고, 구글 태그 매니저를 쓰는 방법도 있긴 한데... 이것저것 새로운 방법을 시도하는 것을 좋아하기도 하고, 카카오에서 계속 티스토리를 개선 발전시키고 있는 듯해서 정식 방법대로 하려고 한다. 네이버 블로그를 이용하는 사람은 전혀 관심을 안 두어도 되는 내용이다. 특별한 조치를 취하지 않아도 구글에서 잘 검색된다. 이 내용은 티스토리에 홈페이지를 만들기 좋아하는 사람이 참고하면 된다. 웹호스팅까지 하면서 홈페이지 만드시는 분이 이 글.. 티스토리 블로그에 『네이버 지도 삽입』하는 방법. 이 블로그가 아닌 다른 블로그를 운영하는데, 그 곳의 주제는 '맛집'이다. 맛집 블로그에 빠지면 안 되는 내용 중 하나가 위치가 아니던가? 가격도 중요하지만 일단 어디인지가 가장 중요하다는 점. 검색할 때 "OO동 맛집"이라고 검색하는 사람들의 빈도가 높은 것도 그러한 연유일 것이라 생각한다. 그래서 운영하는 맛집 티스토리 블로그에는 네이버 지도를 삽입하려고 노력하는데, 그 방법을 막상 할 때마다 헷갈려서 기록으로 남겨 놓는다. 일단 네이버 지도에 접속을 한다. 네이버 지도를 가져올 것이기 때문에 네이버 지도에 접속을 한다. 원하는 식당을 찾으면 50% 정도 끝난 것이다. 음식점을 클릭하면 흔히 아는 "공유"버튼을 눌러보면 지도를 퍼갈 수 없다. 모든 UX가 친구에게 전달해주는 방법을 편리하게 하기 위해.. 티스토리 - 애드센스(Adsense) 설정을 마치고... 애드센스 설정을 마쳤다. 에드센스 설정을 마쳤다. 예전에는 '애드고시'라고 할 만큼 승인을 잘 안해주었던 것 같은데, 이번에는 생각보다 애드센스 신청에 어려움은 없었다. 애드센스를 예전에 셋팅하다가 구글이라는 곳에서 은근히 UX 혹은 UI를 좋게 안 해주어서 설정이 어려워서 포기했는데, 이제는 매우 깔끔해져서 셋팅을 너무 쉽게 마쳤다. 자동광고를 설정해두었더니... 앵커 광고가 상단에 붙어버렸다. 이게 은근 성가시다. 상단에는 메뉴를 fixed 시켜놓아서 계속 유지되게 셋팅해놓았는데, 구글 애드센스의 Default 값이 상단에 고정하는 것이기 때문이다. 그런데 매우 간단하게 수정할 수 있다. 애드센스 앵커 광고 하단으로 옮기기 구글 애드센스 자동광고를 넣기 위해서 받게 되는 코드가 있는데, 그 코드 부분.. 티스토리에 Flex로 가로 스크롤 삽입하기 내가 사용하고 있는 스킨은 Portfolio라는 것인데, 현재 그곳에다가 조금씩 수정을 가하면서 사용하고 있다. 예전부터 배우고 싶었던 기능이 있는데, 개인적인 능력이 되지 않아서 넣지 못했던 기능이 있다. 바로 가로 스크롤 기능이었다. 기존에 짜여져있던 워드프레스를 건들다보니 쉽지 않았다. 하지만 티스토리에서는 쉽게 성공하였다!! Flex의 기본적인 것 flex는 container(부모)와 item 자식요소로 구성되는데, 이 곳에 들어가는 속성을 잘 구별해서 넣어야한다. 일단 Container CSS에 display:flex; 를 넣는 것으로 시작한다. 그리고 원하는 속성에 따라서 이제 추가적인 설정을 하면 되는데, 그 활용법은 네이버 D2에 아주 잘 나와있다. display:flex를 해버리면, 카드.. 티스토리 블로그에 Progress bar 설치하기 티스토리엔 안 되는게 없나보다. 점점 느려지겠지만... 이번에 셋팅해본 것은 Progress indication bar 이다. 본문에서 어느 정도 읽었는지를 표시해주는 방법인데, 아래 링크를 이용하면 설치할 수 있다. 너무 복잡하면 안 할려고 했는데, 아주 너무 간단해서 그냥했다. jQuery Scroll Progress Indicator For Any Containers - Prognroll ProngnRoll is a tiny jQuery plugin that creates a slim progress bar to indicate the scroll / reading progress of a specific scrollable container or the whole webpage. www.jquer.. 티스토리 블로그 : 최상단으로 올라가는 버튼 만들기 티스토리 블로그는 네이버 블로그에 비해서 여러가지를 수정할 수 있다는 점에서 매우 재밌다. 티스토리 안에 설치된 서버를 바꿀 수는 없지만 html/css/javascript를 조금만이라도 알고 있으면 블럭 끼워맞추는 식으로 나만의 홈페이지를 만들 수 있기 때문이다. 사실 워드프레스로 하는 게 훨씬 자유도가 높으나 너무 무거운건 싫다. 물론, 네이버와 같은 폭풍 유입은 절대 기대할 수도 없지만, 나만의 왕국을 만드는 데에는 정말 좋다. 늘 원하는 기능을 추가하고 뜯어고치고 얼마나 편하고 재미있는지... 최상위로 올라가는 버튼 만들기 올라가는 버튼은 tag를 이용해서 만들수도 있으나, 링크를 통해서 올라가는 것이 아니라 연속적으로 변하는 것을 구현하기 위해서는 자바스크립트의 도움이 필요할 듯했다. J쿼리를 .. 블로그 선배님들 보고 배우는 블로깅 블로그를 시작하다 보면, 블로그를 잘 운영하시는 분이 많다. 요즘엔 유튜브가 워낙 대세이다 보니, 블로그의 인기가 떨어지는 것 같기도 하나, 블로그를 잘 운영하는 것은 여러모로 도움이 많이 되는 것 같다. 마음속으로 블로그 선배님들을 두었다. 앞으로 계속 추가할 예정이다. URI 비고 테리엇의 디지털 놀이터 링크 현재 티스토리르 이용하여 홈페이지 운영 2년 정도? 티스토리를 이용한 수익에 대한 이야기, Wordpress information 링크 워드프레스를 만들 때 다양한 플러그인 소개 글을 계속 쓰게 된다. 특히 가운데 정렬을 해서 간단간단하게 쓰는 게 아니라 모든 내용을 글로서 설명할 수 있도록 글을 쓰다 보면, 실력이 늘어나게 된다. 맞춤법을 계속 확인하기 때문에 맞춤법에 대한.. 이전 1 2 3 다음 이 블로그 인기글
