안녕하세요.오늘은 티스토리 오디세이 스킨의 메인 프로필 아래 굵은 줄 부분을 수정해보려고 합니다.   오디세이 스킨을 사용하시는 분이라면 아래 보시는 거처럼 우측 프로필 박스를 카테고리와 구분하기 위해 굵은 선으로 설정되어 있는 것을 확인할 수 있습니다.  이 굵은 선이 오히려 저는 개인적으로 스킨 통일성에 별로 좋은거 같지 않아, 해당 선을 연하게 바꾸고 싶었습니다.  그럼 변경을 해보겠습니다.  우선 티스토리 관리자 → 꾸미기 → 스킨편집 → 우측 CSS 메뉴로 들어갑니다.  그럼 아래처럼 CSS 코딩들이 우수수 있을텐데,  ctrl + f 키를 눌러 저희는 ".area-aside" 혹은 box.profile 을 검색해 줍니다. 스킨 제작자는 해당 부분을 사이드 쪽의 박스 프로필이라고 생각하여 네이밍..

"티스토리" 라는 블로그 툴을 선택하기는 사실 쉽지 않았습니다. 블로그를 시작하기 위해 조금만 고민해 보신 분이라면 워드프레스부터 구글의 블로거(Blogger)까지 너무 다양했기 때문입니다. 약간 완벽주의 성향이 있어 첫 단추부터 잘 끼어야 된다는 생각으로 하나씩 비교 분석해보았습니다. 저와 같은 고민을 하시는 분들에게 블로그 서비스 선택에 작은 도움이 되길 바랍니다. 참고로 티스토리 스킨 한번 고르면 바꾸기 어려운거 알고 계시죠?여러가지 정보 취합 및 개인적으로 많은 시간을 들여 고민하여 스킨 추천 드리니스킨 고르셔야한다면 아래 포스팅 꼭 참고하세요 ▼ 티스토리 스킨 추천 및 비교 (100만번 고민 후 나의 결론은?)티스토리를 과거에 했었고, 올해 다시 시작하기로 마음먹었습니다. 원래 애초에 IT 쪽에..

티스토리를 과거에 했었고, 올해 다시 시작하기로 마음먹었습니다. 원래 애초에 IT 쪽에 관심이 많았고 현업 종사자라 큰 틀에서 프로세스와 알고리즘은 모두 이해하고 있었습니다. 그렇게 믿고 있었고 과거에는 스킨은 대충 눈에 예쁜 걸 골라서 했는데, 이게 하다 보니 티스토리 블로그는 첫 단추 (스킨 선정)부터 중요한 걸 깨달았습니다^^. 이번에는 같은 실수를 반복하지 않기 위해 인강도 듣고, 책도 많이 읽으며, 정말 100만번 1000만 번 고민하여 티스토리 oooo 스킨을 최종 선택하게 되었습니다. (이번에는 승리하리!)〈목차〉1. 티스토리 유료 스킨 vs 무료 스킨2. 무료스킨 비교 (오디세이 vs 북클럽 vs 왓에버)3. 나의 결론 및 추천 스킨 (속도, 에드센스 광고, UI/UX 등 )   1. 티스..

안녕하세요. 오늘은 AI(인공지능)의 화두이자 구글 검색엔진의 대항마로 떠오르는 혜성 ChatGPT에 대해서 살펴보고자 합니다. 그런데 오늘 글은 순전히 챗지피티가 써주는 글만 사용해서 올려보겠습니다! 《목차》1. ChatGPT 란?2. ChatGPT가 추천해 주는 송파구 카페 3선3. 인공지능 채봇의 미래, ChatGPT 사람을 대체할 수 있을까?   우선, 챗지피티의 힘을 빌려 목차 선정을 해보겠습니다. ▼ 목차로 어떤걸 한다고 대충 말해줬는데, 타이틀을 편집하는 수준은 역시 아직 사람만 못한 거 같습니다.그래서 제가 좀 수정했습니다.^^  1. Chat GPT란?ChatGPT 답변 : ChatGPT는 오픈 AI에서 개발한 대화형 인공지능 모델 중 하나입니다. GPT는 "Generative Pre-t..

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. 이목을 사로잡는 제목 블로그를 만들고 글을 쓴다고 해서 제임스 카메룬 같은 유명감독이나 작가가 되어야 할 필요는 없습니다. 특별한 재능이 없어도 조금 덜 신중하게 그리고 조금 더 과감하게 일단 콘텐츠 주제와 글을 써 내려..

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

블로거 입장에서 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. 상단 디스플레이 광고 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. 파비콘..