"Robots.txt"가 도대체 뭐야? 블로그나 웹사이트 운영을 하다 보면 한 번씩 들어봤을 겁니다. 그런데 많은 분들이 티스토리 관련해서 robots.txt 파일 적용을 잘못 아시고 계시고, 잘못된 정보가 너무 만연히 퍼져있는 거 같아 포스팅하게 되었습니다.  SEO 백링크 많다고진짜 알까? 마케팅 에이전시도 잘 모르는 사실 ▼ 검색엔진최적화(SEO) 백링크 많으면 무조건 좋을까? (정답은?)웹 3.0 시대이니 4차 혁명, 그리고 디지털 트랜스포메이션 등 인터넷의 중요성이 날로 증가함에 따라, 웹사이트 및 앱스토어 가시성은 더욱 중요해지고 있습니다. 개인 웹사이트 그리고 자사몰,seoul-nba.tistory.com 《목차》 1. Robot.txt 란? 2. Robot.txt 티스토리 적용 (팩트체크)..

ol 태그, ul 태그 그리고 li 태그는 티스토리 스킨 수정이나 웹사이트 HTML을 수정할 때, 가장 많이 눈에 띄는 태그입니다.  오늘은 간단한 예시와 함께 해당 태그에 대해서 알아보는 시간을 가지겠습니다.   1. ol (ordered list) 태그 태그는 정렬 목록 태그라고도 불립니다. 의 요소는 정렬된 목록(ordered list) 즉, 순서가 중요한 목록을 나타낼 때 사용합니다. 과 요소의 차이점은 '순서의 중요성'에 있는 만큼, 태그로 마크업 된 목록의 항목은 불릿(•)으로 표시되는 반면 태그로 마크업 된 목록의 항목은 숫자로 표시됩니다.   티스토리 네이버 구글 다음 배고파순서가 있는 리스트로, 글 앞에 번호가 표시됩니다. ▼ 출력결과 2. ul(unord..

웹사이트나 블로그 스킨 및 화면 UI/UX 수정 시 항상 등장하는 CSS 기초 Margin, Padding에 대해서 알아보겠습니다. 이것만 알아도 티스토리 스킨 수정 절반은 해도 과언이 아닙니다.  《목차》1. Margin 이란?2. Padding 이란?3. Margin vs Padding 비교 4. 티스토리, 웹사이트 등 CSS margin 태그 수정해 보기 (예시) 웹 사이트 및 블로그의 글을 읽을 때 문단과 문단 사이에 적절한 여백이 있지 않으면 한눈에 확인하기 어렵고 답답함을 느낍니다. 이처럼 글과 글 사이의 여백은 사용자 경험에 중요한 역할을 합니다. 티스토리에서 제공하는 기본 스킨은 적당하게 여백이 잘 적용되어있습니다만, 개인적으로 제목과 본문의 여백이 너무 넓거나, 본문과 댓글창의 여백은 너..

오늘은 블로그 (티스토리, 블로그스팟, 네이버 블로그) 등 모든 블로거들의 고민인 콘텐츠 작성에 대한 요령 꿀팁 5가지를 공유하고자 합니다.  타고난 재능을 갖고 있음에도 불구하고 자신의 꿈을 이루지 못하는 사람들을 흔히 볼 수 있습니다.이들은 지나치게 망설이거나 너무 신중해서 자신이 믿는 한계를 넘지 못했기 때문입니다.꿈을 이룰때는 과감해야 합니다.-영화감독 제임스 카메론-1. 잠재 및 타겟고객 정하기2. 게시글 주제 정하기3. 키워드 리서치 활용주제 구체화4. 주제 더 깊이 알기5. 이목을 사로잡는 제목 블로그를 만들고 글을 쓴다고 해서 제임스 카메룬 같은 유명감독이나 작가가 되어야 할 필요는 없습니다. 특별한 재능이 없어도 조금 덜 신중하게 그리고 조금 더 과감하게 일단 콘텐츠 주제와 글을 써 내려..

Google 서치 콘솔 색인 신청 시 '모바일 사용 편의성' 부분에 대표적인 오류 1) 클릭할 수 있는 요소가 서로 너무 가까움, 2) 콘텐츠 폭이 화면 폭보다 넓음 문제로 모바일 색인이 되지 않습니다. 오늘은 이 부분에 대한 근본적인 해결 방법에 대해 설명드리겠습니다.  《목차》1. 떠돌고 있는 불확실한 해결방법2. 근본적인 문제 해결 방안3. 적용 후  화면  1. 떠돌고 있는 불확실한 해결 방법구글링을 해본 결과 아래의 방법들을 많이들 추천해주고, 아래의 방법들을 통해 해결하라는 글들이 많이 보였습니다. 하지만 조금 생각해 본 결과 이러한 방법들은 근본적인 해결 방법이 아니라는 생각이 들었습니다. Q) 콘텐츠 폭이 화면보다 넓음, 클릭할 수 있는 요소가 서로 너무 가까움 문제는 동일한 건가요?A) ..

티스토리 스킨  수정에 필요한 HTML의 대표 태그 3종 div, span, p에 대해 알아보겠습니다.   1. P 태그p태그는 paragraph의 앞글자를 딴 것으로 글자 그대로 문단을 뜻합니다.p태그 안에 들어가는 문장은 하나의 문단으로 출력이 되며, p태그 밖에서는 약간의 간격을 유지합니다. 야수 어흥 사자 타이타닉 HER 바빌론출력화면 ▼   2. div 태그div 태그는 division의 줄임말인 직역하면 "나누다", "분할하다"라는 뜻이 있습니다.출력 시 div태그가 속해있는 데이터의 줄을 전부 div의 영역입니다. 야수 어흥 사자 타이타닉 HER 바빌론출력화면 ▼   3. span 태그span태그는 인라인(inline)으로 주어진 데이터만큼만 공간을 가지고 있는 태그입니다.줄 넘김 처리가 없..

안녕하세요. 오늘은 웹사이트나 블로그(티스토리 등) 운영시 내 페이지가 구글 검색에 누락되었을 때 확인해야 하는 체크포인트에 대해 설명드리겠습니다. 《목차》1. 사이트 또는 페이지 누락 확인2. 누락 페이지 수정하기3. 구글의 사이트 찾기 및 크롤링 개선   우선, 최근에 페이지를 생성했거나(글, 포스팅을 올림과 같은 행동), 색인 생성을 진행했는지 확인해야 합니다. 구글에서는  최근 만들어진 페이지를 색인을 진행하는데 적게는 몇 시간에서 많게는 열흘 이상 걸릴 수 있기 때문입니다. 문제가 있다고 생각하기 전에 사이트 맵은 제출했는지, 색인 생성을 요청한 후 충분한 시간은 지났는지 다시 확인해 볼 필요가 있습니다.   1. 웹사이트, 페이지  누락 확인먼저 구글의 색인 과정에서 내 페이지나 사이트가 실제..

블로거 입장에서 Google에서 밀고 있는 AMP (Accelerated Mobile Page) 정의, 장점, 그리고 효용성에 대해서 설명드리겠습니다.  《목차》1. Google AMP의 정의2. Google AMP의 장점3. 블로거들에게 AMP 실제 효과가 있나? 지금까지 웹사이트 모바일 페이지 속도가 Google의 검색 엔진 알고리즘과 사이트 순위에 영향을 미친다는 말을 이미 들었을 것입니다. 모바일 페이지가 특히 느린 경우 AMP 버전을 만드는 것이 좋습니다.AMP 페이지는 모바일 순위 기준의 일부가 아니지만 향후 인기가 높아짐에 따라 확실히 결정적인 요소가 될 수 있습니다.  1. AMP의 정의AMP는 Accelerated Mobile Page의 약자로 웹사이트와 콘텐츠의 속도를 높이는 데 도움이..

사이트는 보통 웹사이트, 플랫폼, 블로그 등을 모두 포함합니다. 오늘은 사이트 구축 후 구글 검색 결과의 상위 노출 혹은 첫 페이지에 나타날 수 있도록  도움을 주는 방법에 대해서 소개하겠습니다.  《목 차》1. 링크 트레일 배치2. 키워드 선택과 집중3. 메타 태그 관리4. 모바일 최적화5. 오프라인 위치 증명 (로컬증명)   1. 링크 트레일 배치 (Backlink Generation)  구글에서 웹사이트가 노출되도록 하는 또 다른 방법은 웹(WWW) 곳곳에  사이트 링크를 삽입하는 것입니다. 구글 검색엔진 봇은 파란색 텍스트인 하이퍼 링크에 도달할 경우, 기본적으로 웹사이트로 직접 이동하라는 명령을 받습니다. 즉, 고품질의 백 링크를 얻는 한 가지 방법은 타 사이트(블로그, 커뮤니티 등)에 현재 운..

티스토리 수익 극대화를 위한 광고 배치 전략에 대해서 설명드리고자 합니다.  《 목차 》1. 구글 애드센스 자동광고와 수동광고 둘 중 무엇을 선택? 2. 수익 효과가 좋은 구글 광고 종류3. 상단 디스플레이 광고 2개를 하지 않는 이유4. 콘텐츠 내 중간 광고 삽입 시 주의해야할 점   1. 구글 애드센스 자동광고와 수동광고 둘 중 무엇을 선택? 결론만 말하면 둘다 선택해야 한다.  다른 포스팅에서 자동광고와 수동광고의 장단점에 대해서 이미 언급한 바 있습니다. (▼ 아라 참고) 티스토리 구글 애드센스 자동광고 설정 방법 (쉽게 설명!)티스토리 블로그 구글 에드센스 자동광고 설정에 대해서 누구나 쉽게 이해할 수 있도록 구글 광고에 대해 총망라하여 설명드리고자 합니다. 1. 구글 애드센스 수동광고 설정 V..

티스토리 블로그 구글 에드센스 자동광고 설정에 대해서 누구나 쉽게 이해할 수 있도록 구글 광고에 대해 총망라하여 설명드리고자 합니다. 1. 구글 애드센스 수동광고 설정 VS 자동광고 설정 2. 구글 애드센스 자동 광고 설정 방법3. 구글 애드센스 광고 종류4. 티스토리 플러그인 구글 애드센스 광고 연동 설정하기   1. 구글 애드센스 수동광고 설정 VS 자동광고 설정1-1. 수동광고 장점 및 단점→ 장점 : 사용자가 페이지 접속시 광고 송출 속도가 빠릅니다.자동광고와 달리, 수동광고 설정 시 포스팅(게시글)에서 HTML로 바로 광고설정 코드를 삽입합니다. 그래서 사용자가 페이지 접속/호출시 해당 소스코드를 바로 읽고 광고를 송출하기 때문에, 중간에 불필요한 프로세스가 없어 광고 송출 속도가 상당히 빠르고..

티스토리 글 작성 시 해당 포스팅이 구글과 네이버에 노출이 최대화할 수 있는 방법에 대해 설명드리겠습니다.  1. 구글(google) 색인(최적화) 2. 네이버(naver) 블로그 색인(최적화)3. 다음(daum) 블로그 색인(최적화)4. 이외 구글 검색엔진 최적화에 도움되는 백링크 생성 저는 현업 디지털마케팅 업종에서 일을 하고있는 SEO 전문가입니다. 타 블로그에서 다루는 정보(단순 복사 붙여넣은 정보들)와 차별화되니 집중해주세요 ^^ 해당 정보는 티스토리 및 네이버 블로그 등 모든 국내 사이트 게시물 작성 후 검색엔진 노출에 도움이 되니 사이트 운영에 도움이 된다면 저도 기분이 좋을 거 같습니다.    1. 티스토리 구글 노출 최대화 방법 (색인방법) 기본적으로 블로그나 사이트를 만들면, 구글 검색..

안녕하세요. SEO 전문가 야수스 입니다. 오늘은 나의 사이트가 구글 노출에 도움이 되는 백링크의 개념, 생성 그리고 오해에 대해서 다뤄보자 합니다. 1. 백링크 개념2. 백링크 생성, 등록, 확보하기3. 티스토리 백링크 확보 비법 꿀팁4. 백링크에 대한 오해 (Q&A)   1. 백링크 (Backlink) 개념백링크 (Backlink)는 검색엔진최적화(Search Engin Optimization:SEO)에 직간접적으로 영향을 주는 요소입니다. 백링크는 나의 사이트가 타 사이트에서 언급, 참고, 참조되는 것을 뜻합니다. 즉, 타 사이트에서 나의 사이트의 URL 혹은 나의 사이트의 게시글, 포스팅의 URL이 하이퍼링크로 언급되는 것을 말하고 이걸 백(back; 뒤에) 링크(link; 연결)  '뒤에서 연결..

RSS 뜻과 정의, RSS 만들기, rss 피드 등록, 티스토리 rss 최적화 설정 방법에 대하여 설명 드리겠습니다.    1. RSS 란? "Really Simple Syndication" 혹은 "Rich Site Summary" 라고 합니다.RSS는 리얼(Real), 심플(Simple), 신디케이션(Syndication)이라는 의미입니다. * Real = 정말, 진짜* Simple = 간단* Syndication = 조직, 연합체  특정 블로그/ 사이트가 있을때, 그 사이트를 매번 방문해서 새로운 글이 있는지 확인하는 것은 번거롭고 귀찮습니다. 특히 새로운 포스팅이 규칙적으로 올라오는 것이 아니라 불규칙할 때는 더욱 그렇습니다.해당 블로그/사이트를 직접 방문하지 않고, 새로운 포스팅만 자신의 컴퓨터로..

티스토리 수익형 블로그를 목표로 하는 사람들을 위해 단계별로 티스토리 구글 검색 상위 유입을 위한 블로그 초기 최적화에 대해서 자세하게 설명드리겠습니다. 최대한 SEO(검색엔진최적화) 관점에서 티스토리가 검색엔진에 노출이 잘 될 수 있도록 설정하는 것에 대해서 설명드릴 테니 천천히 따라오시고, 이미 블로그를 만드신 분은 본인 블로그가 잘 세팅이 되어있는지 살펴 봐주시면 좋겠습니다.  오늘은 우선 블로그 이름, 닉네임, 블로그 설명, 파비콘, 주소설정 등에 대해서 설명드리겠습니다.    1. 블로그 계정 생성티스토리 블로그 계정을 만든 것은 모두 다 하셨을 거라고 생각합니다.아직 만들지 않은 분이 있다면, tistory.com 여기서 생성부터 해주시고, 요즘에는 카카오톡과 연동되어, 카카오톡 계정으로만 만..

오늘은 파비콘의 정의, 파비콘 만들기, 파비콘과 SEO 관계, 파비콘 제작 요령 등에 대해 총망라하여 설명드리겠습니다. 1. 파비콘이란?2. 파비콘이 중요한 이유3. 파비콘과 SEO 관계4. 파비콘 만드는 방법5. 파비콘 디자인 팁   1. 파비콘이란?파비콘은 웹사이트를 대표하는 작은 이미지로, 웹 브라우저에서 탭, 북마크바, 방문 기록, 검색 결과 등에서 사용됩니다. 즐겨찾기 아이콘(favorite icon)이라고도 하며, 웹사이트를 식별하기 쉽게 해 줍니다. 구글 크롬과 같은 브라우저에서는 브라우저 홈 화면에도 나타납니다.즉, 파비콘은 웹사이트의 시각적 식별자로 활용됩니다. 1-1. 웹 브라우저에 표시되는 파비콘1-2. 티스토리 파비콘이 생성된 예시1-3. 검색 결과에 표시되는 파비콘   2. 파비콘..