Summerorange

Google애널리틱스4 전환하기-티스토리 및 워드프레스 설정하기 애널리틱스4로 대체된다며, 다음과 같은 메일이 지속적으로 날라옵니다. 귀찮음을 이겨내고 호다닥 수정하러 갑니다... 애널리틱스4가 뭔지 모르지만... 1. 설정 완료하기 클릭해서 애널리틱스에 들어가면 맨 하단에 관리있습니다. 관리 클릭 2 속성 - 데이터 스트림 3 여기에서 화살표 클릭 4 하단에 GOOGLE 태그에서 태그 안내 보기 클릭 5 설치 안내 - 직접 설치 (tistory 인 경우) 하단에 코드를 복사합니다. 그리고 티스토리 설정으로 이동 6. 티스토리 설정으로 들어가서 꾸미기 - 스킨 편집 - html 편집 7. 사이에 해당 복사한 내용을 붙여넣습니다 before after 8. 상단의 저장 누르면 끝 워드프레스Wordpress..

해결 중인 이슈입니다ㅠㅠ 최근 메일함을 확인해 보니 이전에 웹 마스터에 등록했던 내용이 확인 되지 않았다는 내용. 구글 검색 등록할 때 빙에도 등록을 해뒀는데, 살펴봤는데 html의 head 부분에 메타태그 하나가 없습니당. bing, naver, google 순으로 차례차례 등록했던 것 같은데... microsoft bing의 웹마스터에 들어가서 사이트 추가 및 인증 절차를 다시 해줍니다 3가지 옵션이 있는데 이중에 이전에 했었던 html 메타 태그를 선택해서, 티스토리 스킨 설정에 들어가서 html 의 이 부분에 메타 태그를 넣어줍니다 하지만 인증이 되지 않고 있음. 왜 이럴까 하면서. 일단 하루 동안은 손놓고 좀 보기로 했습니다. 잘 안 풀린다 싶을 땐 계속 붙들고 있는 것보단 커피 한 잔 산책 한..

https://notice.tistory.com/2627 티스토리 장애 및 복구 상황 안내(10/20) 안녕하세요. 티스토리팀입니다. 지난 15일(토) 오후 4시경부터 티스토리 서비스에 장애가 발생했습니다. 현재 주요 페이지와 기능을 순차적으로 복구 중입니다. 이용에 불편을 드린 notice.tistory.com 카카오 화재 이후 복구 상황과 관련해서 올라온 글 그렇다고 합니다..... 뭔가 고민중은 부분은, 1. 블로그 이원화가 필요할 시점이라고 생각합니다. 그 전부터 해두던게 있어서 백업 작업부터 시작할 것 같습니다. 2. 구글 광고 급감화. 이미 구글에서 저품질로 찍히면 다시 올라오기 쉽지 않을 거라고 예상만 하고 있습니다. 알고리즘이 그런 거니까요. 룸곡... 3. 방문자 수... 아...음.....

이제 와서 든 생각이지만 티스토리는 웹진 같은 블로그 같다는 생각이 듭니다. 이런 것도 있어서 포스팅. (그냥 뒤늦게 안 나..) 관리 - 팀블로그 가면 티스토리 블로거를 초대해 함께 팀블로그를 운영하거나 팀원 정보를 관리할 수 있습니다. 라고 뜹니다. 초대하기 를 클릭하면, 받는 사람 이메일 주소, 초댓말을 작성해서 권한을 필자, 편집자, 관리자의 권한으로 초대할 수 있었습니다. 호기심에 한 번 해보니, 일단 초대장 열 때 해당 메일 계정으로 미리 로그인을 해둬야 초대가 되는 것 같았습니다. 다시 해당 메일로 로그인하니 거절하기 / 수락하기로 뜹니다. 수락하기를 클릭하고, 설정으로 들어가니 참여중인 블로그라고 뜨는 걸 볼 수 있었습니다. 해당 계정으로 운영중인 블로그 / 참여중인 블로그로 나뉘어지고 권..

구글 검색 상위 노출되기 위해서는 우선 웹사이트가 모바일 친화적이여야 합니다. 티스토리와 네이버 블로그는 모두 카카오와 네이버에서 관리를 해주기 때문에 따로 설정할 게 없습니다. 네이버 블로그는 html 이나 css 등의 설정을 전혀 건들일 수 있는 부분이 없으니 패쓰. 티스토리는 html, css등 스킨 편집으로 수정할 수 있지만 대체로 기본 스킨은 모바일 친화적으로 디자인 되어 있습니다. 구글 sitemap등 등록만 해주면 기본적으로 검색은 잘 될 거라고 생각합니다. 그런데 그렇지 않은 직접 개설한 블로그는... (그냥 누가 만들어 둔 거 쓰면 편하긴합니다ㅋ큐ㅠㅠ) 모바일 친화적 관리를 하지 않으면 구글 검색 노출이 잘 되지 않습니다. 확인해 볼 수 있는 방법은 "mobile friendly test..

1) google font https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com language 선택. 혹은 영어로만 되어 있으면 english로 설정하기! 마음에 드는 폰트 클릭한 뒤에 맨 상단의 네모 박스 버튼을 누르면 selected family라고 뜹니다. 여기에서 link와 css 코드를 가지고 올 수 있습니다. (저 폰트는 적용해보고 아닌 것 같아서 바꿨지만ㅎㅎ) 2) tistory html 수정 스킨 편집에 들어가서 html란을 보면 로 시작하는 사이에 저 링크를 넣어줍니다. (개인정보 보호를 위해 중간 부분은 잘랐습니다..

소소하지만 본인만의 파비콘을 만들어서 게시하는 법:) 1) 파비콘 파일을 만들기. 이미지로 만들어서 변환해도 되고, 무료로 파비콘을 만들 수 있는 웹 사이트도 있습니다. https://www.favicon.cc/ favicon.ico Generator Preview Favicon in original size: www.favicon.cc 저는 여기에서 만들었습니다. 도트 찍어서 파비콘 만들면 됩니다. 16 x 16 사이즈인데 한 칸씩 색깔 넣어서 만들었습니다. 맨 처음 만들었던 이미지. 나름 음영도 넣었는데 나중에 다시 그렸습니다. 다 그렸다면 하단의 Download Favicon 해서 다운 받아주면 해당 파비콘 파일이 뚝딱 만들어집니다. 2) 티스토리 관리 페이지에서 적용하기 이제 티스토리 관리 페이지..

1) 상단 메뉴바를 만들고 우측으로 정렬 css 에 들어가서 다음과 같이 수정했다. .header .tt_category .category_list .header .topnevmenu > ul { text-align:right } 적용하고 새로고침하면 다음과 같이 맨 위의 상단의 메뉴바가 우측으로 정렬된 것을 확인함. 혹은 가운데 정렬로 수정한다면, 맨 위의 text-align: right를 삭제 후, 다음의 코드 2개를 넣으면 정렬이 된다. .header .tt_category .category_list .header .topnevmenu > ul { display: flex; justify-content: center; } 2) 카테고리 글자 색상 조정 홈으로 돌아갔을 때 전체글의 색상을 좀 손봤다 ..

오디세이는 본문 포스팅을 할 때 포스팅 사이즈가 좀 작은 느낌이 들어서 변경할 필요가 있어보였다. 티스토리 설정 - 스킨 편집 html 편집. tistory 스킨 중에 가장 마음에 들었던 오디세이. html, css 전체를 뜯어서 다른 홈페이지 처럼 만들고 싶다면 사실 이 오딧세이 스킨은 추천하지 않는다. 정말 기본 스킨을 선택하는 게 더 나음. 이 중에서 css. ctrl + f 해서 area-main에 본문 페이지 크기 조정이 있었다. default max-width 값이 640으로 되어 있는데 이 부분을 조정해주었다. 현재 13인치 맥북 쓰고 있는데, 700px 이면 좀 적당해보였다. 좀 더 크게 설정하면 우측 바가 자꾸 하단으로 내려간다. 크롬을 쓰고 있다면 마우스 오른쪽 버튼 페이지 검사해서 해..

이전 편에 이어서... 다음과 같이 가 페이스 북이 앞 트위터가 뒤쪽에 있던 걸 변경해주었습니다 으로 목록 위치를 변경해주었고, 그 다음으로 js.src = '//platform.twitter.com/widgets.js'; 이 부분을 수정해주었다. 99번째줄! 그리고 적용! 다시 새로고침하면 자동으로 트윗 타임라인이 나옵니다. 성공! 그런데 굵은 표시는 Facebook으로 되어 있음...ㅋㅋㅋ 오... 이것도 수정해야 하는데... 일단 오늘은 요기까지! 끗!

문득 하단을 보니 Twitter 가 있습니다. Facebook은 잘 안쓰지만 트위터 계정은 이전에 플러그인 만들면서 있어서 추가해보기로 했습니당 스킨 변경~ html을 확인해주었습니다. 음... 쭉 내려가니 하단 부분에 플러그 인이 있었습니다. href="내트윗터주소" 를 추가해줍니다. onclick="return false;"부분은 지워주었습니다. 그리고 다시 스킨 편집 화면으로 돌아가니 하단에 사이드바에 트위터 타임라인 URL이 있습니다. 이것도 수정해주고. 사실 몇 번 적용하고 나갔다왔는데 해당 링크를 클릭하면 새창으로 뜨도록 만들고 싶어서 target="_blank"로 추가해주었습니다. 이렇게 변합니다. 그리고 html 은 한 번 전부 선택해서 어딘가에 저장해두세요~ 백업 추천! 호호...! 끝...

1) Intro - tistory와 코랩 및 주피터노트북 파이썬 IDE Jupyter Notebook 에서 작업한 걸 혹은 코랩에서 작업한 걸 티스토리에 가지고 올 때 위쪽 하단에 있는 코드블럭을 일일이 가지고 올 때 번거로울 때가 있습니다. 2) .jpynb 파일 열기 코랩이나 주피터 노트북으로 작업한 파일 확장자명은 .jpynb 파일로 일단 엽니당. jupyter notebook 이라고 치면 열려집니다. 만약 ip 주소를 따로 쳐야 한다면 저 뒤쪽에 --ip xxx.xxx.xxx 등으로 붙여서 쓰면 해당 주피터 노트북으로 접속할 수 있습니다. 3) .html 또는 .md 파일로 저장하기 HTML 이나 마크다운 파일이 티스토리에서 지원이 되는 것 같아서 파일 - Download as - HTML (Ma..

구글님께서 광고를 워낙 치밀하게 설계해놓다보니 가끔 제 블로그인 줄 까먹고 클릭...을 할 뻔한 적이 있었습니다. 큰일 날 뻔. 자기 블로그에 있는 광고 클릭하시면 안됩니다. 힘들게 키우고 가꾼 블로그에 광고주님께서 떠나가실 수 있음ㅠㅠ 옷자락이라도 붙들고 매달릴 테야. 그래도 가끔은 정말 와 여긴 들어가봐야 해. 해서 누를 뻔..! 정말 아슬아슬하게 누를 뻔하다가. 특히 모바일. 휴대폰 쓸 때... 누워서 글 읽다보면.. 게다가 전면 광고면 정말 클릭할 뻔... 어잌후 큰일 날 뻔 했네 하면서 조마조마한 심정으로 구글 애드 센스의 정책 센터 탭을 클릭하곤 했습니다 (그래서 제가 쓴 글을 제가 잘 못봐요ㅋㅋㅋㅠㅠㅠ 대체로 관리자 페이지에서 글 수정 등의 작업을 많이 합니다ㅠㅠ. 댓글 관리도 거기에서 주로..

워드프레스를 조금씩 만들고 있다가 생각난 건데. 티스토리도 기본적인 주소는 숫자로 되어 있다. 티스토리 설정 - 관리 - 블로그 란에 주소 설정 부분에 가면 포스트 주소를 '숫자'로 설정합니다. 라고 되어 있다. 워드프레스도 마찬가지라서. 이 부분을 '문자'로 변경하라고 보통 권고가 온다. Google 최적화 검색 때문에 사이트 주소를 문자로 보이는 게 좋다는 말이 있다. 워드프레스는 바꿨는데 티스토리는 어떻게 수정할 지 몰라서 찾아보니 주소 설정에 있었다. 다음과 같이 '문자' 로 변경하고 변경사항 저장을 누르면 된다. 이렇게 수정해도 검색이 많이 될 지는 좀 더 실험해봐야 알 것 같다. 일단 이렇게 수정했다. 끗:)

오랜만에 티스토리 플러그인을 들여다보다가... 트위터 글 보내기 기능을 보게 되었습니다. 트위터🐦 요즘 일론 머스크가 구입해서 주식 시장 핫 하던데...! 트위터에 가입해서 계정을 만든 뒤에 계정 연결하기를 클릭하였습니다. 저걸 클릭하면 authorizing app 이라는 버튼 창이 뜨는데 그걸 클릭해주면 됩니다 이제 이렇게 계정이 연결되고 적용을 클릭해보겠습니당 그리고 새 글을 작성하고 완료를 누르면 다음과 같이 자동으로 트윗에도 반영이 됩니다. 오...! 이런 기능도 있었구만ㅋㅋㅋ

현재 티스토리를 관리하면서 광고가 여러개 있을 때를 테스트해보고 있습니당:) 티스토리를 운영한지는 2년 정도 되었던 것 같은데, 광고를 신청한지는 한 달 쯤 되었습니다. 처음에는 카카오애드핏 연동하기 신청하고, 다음에는 구글 애드센스를 신청했었습니다. 카카오 애드핏은 4월 14일에 신청하고, 한 번 보류 었는데 그 날 다시 신청해서, 4월 15일에 광고가 게제되었고, 구글 애드센스는 4월 22일에 신청하고 4월 23일에 광고가 게제되었습니다. 중복 광고가 될까?? 싶었는데 당시에 애드핏도 게제하고 있는데 애드센스도 되었습니다. 광고가 게제되는데 시간이 소요되긴 하였지만 중복 여부가 신청할 때 당시에 중요한 건 아닌 것 같다고 추측합니다. 4월 23일에 게재되었지만 활성화되는데는 1주일 미만의 시간이 소요..

포스팅을 하다가 이미지 넣을 때 흰색 바탕화면이면 차이가 없어서 실선을 넣는 게 좋을 것 같단 생각을 했습니다. 티스토리 설정 - 스킨 편집으로 들어가기! 현재 오딧세이 html을 쓰고 있습니다. 각자 사용자가 현재 쓰고 있는 스킨이 나타날 거예요. 여기에서 html 편집을 클릭! 다음과 같이 나올 텐데 위쪽을 보면 css를 클릭! img { border-style: 1px solid #000; } 으로 수정하고 적용! 해주었습니다. 해당 의미는! 이미지(img)일 때는 테두리-스타일(border-style): 1픽셀(1px)정도 실선(solid) 검은색(#000000); 으로 변경해달라는 뜻입니당. 실선을 두껍게 하고 싶으면 숫자를 늘리면 됩니다. 3px ~ 색상을 바꾸고 싶으면 #000000 -> 이..

제목에는 조회수 증가! 라고 했지만... alt 태그 붙인다고 과연 조회수가 오를 것인가? 제가 한 번 실험해보겠습니닼ㅋㅋㅋ 주로 프로그래밍 관련해서 포스팅하고, 맥 사용기나, 코드를 작성하면서 에러가 나거나, 새로운 프로그램이 있다면 사용법이랑, 가끔 통계 라던가 이런 특정 테마를 올리기 때문에, alt 태그를 붙인다고 해서 여기서 읭?ㅋㅋㅋㅋㅋ 어쨌든... 구글 검색을 위해선 alt 태그를 붙이는 것이 좋다고 합니다. 이미지 검색을 위해서 추출하는 것이 alt 태그에 작성된 텍스트를 기반으로 검색 엔진을 만든 것 같습니다. 자세한 건 구글 검색 엔진과 관련해서 자료를 찾아보면 좋을 것 같습니당 아무튼 티스토리에서 이 alt 태그는...! 요기를 보시면 맨 오른쪽에 기본모드 표시가 있죠? 여기에서 H..

구글, 네이버에 이어서 이번엔 MSN, Bing입니다. 마이크로소프트 사가 운영하는 검색 엔진이고 Bing에도 등록을 해보겠습니당:) 빙에 등록하면 MSN까지 자동으로 노출이 된다 라고 알고 있습니다. https://www.bing.com/webmasters/about?mkt=ko-kr Bing 웹 마스터 도구 www.bing.com 1. 요기에 접속해서 로그인하기 저기 디자인 귀엽다라고 생각했습니닼ㅋㅋㅋ 일단 로그인. 저는 워드와 파워포인트 사용으로 이미 마이크로소프트를 구독하고 있어서 마이크로 소프트로 로그인해줍니다. 로그인하기. 2. 구글 서치 콘솔 그리고 다음과 같은 창이 떴습니다. 구글 서치 콘솔을 통해 가져오는 것 / 사이트 수동 추가 2개가 있었습니다. 앞에 이미 구글 등록을 했기에, 구글 ..

이번엔 네이버 검색에 등록! 구글 검색 등록에 이어서 네이버, MSN 등등을 넣어보고 싶습니당ㅋㅋㅋ. 사실 개발, 프로그래밍과 관련된 것이 대다수라서... 주로 구글에서 유입되긴 하지만 그래도 네이버 서칭도 궁금해서 넣었습니다. 티스토리에 있는 모든 기능들을 한 번씩 다뤄볼 계획입니다. 1. 네이버 서치 어드바이저 https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 여기로 들어갑니당 깔끔한 UI의 서치 어드바이저 페이지가 나옵니다. 위 쪽에 로그인을 살포시 눌러줍니다ㅎㅎ 문득 생각난 건데 네이버는 검색 포털 사이트인 줄 알았는데, 뉴스 및 미디어로 분류되어 있습니다. sim..