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

오늘은 중소, 중견기업이라면 해외수출을 위해 한번은 들어봤을 만한 국내 3대 B2B 플랫폼 트레이드코리아, 고비즈 코리아, 바이코리아 비교 분석을 하여 어떤 플랫폼을 활용해야 하는지 한번 살펴보고자 합니다.〈목차〉1. B2B 플랫폼이란?(what is the online B2B marketplace?)2. 국내 3대 B2B 플랫폼 비교 분석(Analysis of the top 3 B2B online marketplaces in Korea)3. 글로벌에서의 국내 3대 B2B 플랫폼의 현 단계(The current stage of the Korea's top 3 B2B marketplaces in global)   1. B2B 플랫폼이란?B2B는 '기업 대 기업'이라는 용어의 일반적인 약어입니다. B2B(B..

오늘은 온오프라인 스토어 운영 시 알고 가면 좋은 개념인 VMI와 VOI 그리고 오프라인 스토어 유통 프로세스에 관해서 쉽게 설명드려볼까 합니다. 〈목차〉1. VMI란?2. VOI란?3. 오프라인 스토어 유통구조는?    1. VMI란?VMI는 오프라인 스토어 재고관리 방식으로 물류, 화물, 운송, 무역, 전자상거래 등의 실무에서 많이 사용되는 용어입니다.  VMI (Vendor Managed Inventory)는 공급사(Vendor)가 상품납품 후 바이어의 재고관리까지 하는 시스템을 뜻합니다.  여기서 가장 중요한 특징 두 가지는 첫째, 공급사가 상품 납품후 바이어(Buyer, 고객)가 물품을 언제든 가져다 쓸 수 있게 재고관리해 주면서도 재고 부족시 다시 물품을 제공 및 납품해 주는 개념을 가지고 있..

"구글 세이프서치"라고 들어보셨나요? 티스토리와 같은 블로그나 웹 사이트 운영자의 경우 구글 검색엔진에서의 콘텐츠 노출을 위해 반드시 알아야 하는 개념입니다. 또한 어린 자녀를 키우고 있는 학부모의 경우 알아 두면 좋은 구글의 기능으로 오늘은 구글 세이프 서치에 대해 살펴 보도록 하겠습니다.《 목 차 》1. 구글 세이프서치란? (What is Google Safe search?-.-?)2. 구글 세이프서치 왜 블로거에게 중요한가? (Why is the Google Safe Search important to blogger and website manager?)3. 구글 세이서치 해제 설정 방법 (How to turn off the Goolge Safe Search?)4. 아이들에게 구글 세이프 서치는 왜..

안녕하세요. 지난 SEO 카피라이팅 하는 방법 1편을 하고 반응이 좋아 2편을 작성하였습니다.  SEO(검색엔진최적화)는 웹사이트 혹은 블로그 운영에서 놓쳐서는 안 되는 아주 중요한 요소입니다.  SEO는 크게 2개 부분으로 테크니컬 SEO 그리고 마케팅 SEO로 나누어집니다. SEO 카피라이팅은 특이하게 이 두가지 개념이 모두 합쳐진 개념이라고 볼 수 있는 중요한 요소입니다. 그럼 SEO 카피라이팅 에 대해서 이어서 알아보도록 하겠습니다!《목차》1. 사용자 중간 이탈 방지를 위한 콘텐츠 구성2. 관련 포스팅을 읽도록 호기심 자극3. 흥미를 유발하는 카피라이팅 단어 팁   1. 사용자 중간 이탈 방지를 위한 콘텐츠 구성방문자가 글을 읽다가 집중력이 떨어지고 지루해질 때, 마치 강연가가 대중들의 시선과 주..

안녕하세요. 오늘은 콘텐츠의 제목 혹은 슬로건을 작성할 때 SEO를 고려해 카피라이팅을 뽑는 전략에 대해서 간단히 소개하고자 합니다. 《목차》1. SEO 카피라이팅이란?2. SEO 카피라이팅 첫 번째 성공 전략3. SEO 카피라이팅 두 번째 성공 전략  카피(copy)란 좁은 의미에서 헤드라인과 바디카피를 가리키거나, 넓은 의미에서 시각적 표현을 포함한 광고물을 구성하는 모든 요소를 가리킵니다. 카피는 광고 메시지를 창조하고 유지하고 발전시키는 메시지의 등뼈로 카피를 어떻게 창작하느냐에 따라 설득 효과가 달라집니다. 최근에는 글이나 말로 표현한 것을 카피로 보는 협의의 개념보다 고객에게 전달하고자 하는 메시지를 구성하는 전체적인 구성요소로 보는 광의의 개념으로 카피를 이해하려는 관점이 우세합니다. 따라서..

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

오늘은 티스토리 블로그나 웹사이트 운영시 이미지 최적화의 기본 차세대 이미지 형식 WEBP에 대해서 살펴보겠습니다. 《목차》1. webp란? webp 개념 정리2. webp 장점과 단점3. webp 진실과 거짓 (팩트체크)   1. webp란? webp 개념정리webp 포맷의 시초는 2010년으로 거슬러 올라갑니다. webp는 Google에서 인수한 기업 On2 Technologies가 최초로 개념을 구상하여 '차세대 이미지 형식'으로 만들어졌습니다. Webp은 인터넷에서 이미지가 로딩되는 시간을 단축하는 것을 목적으로 두고 있습니다. 따라서 webp를 사용하면 웹 사이트에서 고품질 이미지를 표현할 수 있으며 PNG, JPEG 등 기존 이미지 파일의 포맷보다 파일 크기가 작아 용량 측면에서도 큰 절약을 ..

오늘은 블로그 (티스토리 등), 사이트 운영시 SEO 측면에서 또 다른 중요 요소인  이미지 SEO 전략 7가지를 소개드리겠습니다.  《목차》1. 이미지 SEO 란?2. 대체텍스트 사용 (Alt text)3. 이미지 캡션 활용하기4. 이미지 축소 및 확장자 webp 변환5. 이미지 파일명 제대로!6. 반응형 이미지 쓰기7. 구글 세이프 서치 최적화  최근에는 다양한 이유로 이미지가 검색에 중요한 요소로 작용하고 있습니다. 구글에서 이미지를 활용하면 사용자는 더욱 풍부한 정보를 찾을 수 있습니다. 이미지는 사용자가 웹 검색 시 혹은 콘텐츠를 확인할 때 이미지 캡션 등을 통해 그들의 이해를 높일 수 있습니다. 그리고 이미지 최적화는 구글 검색엔진의 구글 봇이 이를 인식하여 검색결과에 노출하는데 하나의 핵심 ..

안녕하세요. 오늘은 백링크 전반에 대해서 다루고자 합니다. 웹사이트 및 블로그 운영시 검색엔진최적화 전략에 항상 나오는 그 단어 '백링크' 쉽게 정리해 드리겠습니다.  《목차》1. 백링크란? (What the fu** is Back-links?!)2. 백링크가 중요한 이유3. 백링크 진실과 거짓4. 나의 백링크 간단 확인 방법5. 백링크 관련 용어  1. 백링크란? (What the fu** is Back-links?!)백링크란 (외부링크 또는 인바운드 링크라고도 불림) 한 웹사이트가 다른 웹사이트를 언급하면서 그 사이트로 연결해 주는 링크를 말합니다. 쉽게 말해 백링크는 ‘다른 사이트가 나를 언급해 주는 것’입니다. 사회에서도 내가 나를 칭찬하는 것보다 남이 나를 칭찬해 주는 것이 더 신뢰가 가는 것과..

"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)으로 주어진 데이터만큼만 공간을 가지고 있는 태그입니다.줄 넘김 처리가 없..