반응형 정보/블로그 운영팁82 이미지 태그 alt 속성 글 수정 없이 입력하는 방법 (초급 버전) 이미지 태그의 alt 속성 값이 검색 사이트 SEO에 영향을 미친다는 말은 많이 들어 보셨을 겁니다. 하지만 뒤늦게 아셨거나 알고는 있지만 앞으로도 크게 신경쓰고 싶지 않은 분들이 계실텐데 그런 분들에게 적합한 방법이 될 수 있을 것 같습니다. 저는 전자, 후자 둘 다 속합니다. 목차 이미지 alt 속성의 중요성 양질의 글을 작성하고 제목 키워드를 잘 잡는다면 당연히 검색 유입량은 늘어날 수 있습니다. 다만 최근에는 미디어가 텍스트 보다 더 우위에 있는 경우도 많기 때문에 이미지 정보도 간과해서는 안 될 부분이 되었죠. 그럼 제 글에 포함된 이미지가 검색 포털 SEO(검색 엔진 최적화) 향상에 도움이 되려면 어떻게 해야 될까요? 앞서도 말했듯이 검색 사이트에서는 이미지 태그마다 alt 속성에 값이 부여되.. 정보/블로그 운영팁 2020. 12. 27. 구글 핵심적인 웹 지표 CLS 측정 및 개선 방법 이 글을 보시는 분들 중에는 취미로 가볍게 또는 수익을 목적으로 시작하신 분이나 관심만 갖고 있고 아직 행동에 옮기지 않은 분들도 계실 텐데요. 저 또한 블로그를 해 보고 싶다는 생각을 꾸준히 해 왔지만 실천을 하지 않고 있다가 불과 몇 개월 전에 문득 코딩 강의를 올려 보고 싶은 생각이 들어서 시작을 하게 되었습니다. 계기는 어떻든 간에 단순히 일기를 쓰는 건 아니니 다른 사람이 내 글을 봤으면 하는 생각이 어느 정도 바탕에 깔려 있으실 겁니다. 그래서 한 가지 도움이 될 만한 글을 포스팅 하고자 컴퓨터 앞에 앉았습니다. 목차 사람들이 어떻게 내 글을 볼 수 있을까 저도 처음에는 정말 아무것도 몰랐어요. 그냥 내 스타일 대로 글만 잘 쓰면 내 글의 가치를 알아 봐 주는 사람들이 알아서 들어오고 점점 입.. 정보/블로그 운영팁 2020. 12. 26. 티스토리 모바일에서 유용한 떠 있는 플로팅 목차 위치 이동 방법 이번에는 플로팅 목차를 드래그 앤 드롭으로 원하는 위치로 이동시키는 기능을 만들건데요. 화면이 좁은 모바일에서 공간을 좀 더 효율적으로 활용하고자 생각하게 되었습니다. 목차가 계속 진화하고 있습니다. 목차 하나로 이렇게 다양한 컨텐츠가 나올 줄은 저도 미처 몰랐습니다 ㅎㅎ 어느새 제 블로그에 블로그 꾸미기가 주요 컨텐츠로 자리 잡았네요. 그럼 시작해 보겠습니다! 목차 플로팅 목차 적용 앞서 플로팅 목차를 적용하지 않으신 분은 다음 포스팅을 참고 바랄게요. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소.. 정보/블로그 운영팁 2020. 12. 21. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (고급 버전) 초급 버전에서 좀 더 기능을 강화한 버전을 만들어 보았습니다. 어느 정도 코딩이 가능한 분이어야 수월하게 따라하실 수 있을 겁니다. 이 부분이 어렵게 느껴지시는 분은 다음 초급 버전을 참고 바랍니다. 사실 난이도는 큰 차이가 없습니다.. ^^; 주의) 초급 버전과 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 이 포스팅은 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생.. 정보/블로그 운영팁 2020. 12. 20. 구글 애드센스 청구서 주소 확인 PIN 번호 입력하기 저도 드디어 PIN 주소가 도착했습니다. 핀 번호 우편 도착 기념으로 등록 절차 및 유의 사항을 포스팅 하도록 하겠습니다. 목차 핀 번호 미확인 메시지 수익이 10달러가 넘으면 구글에서 핀 번호를 보내준다고 합니다. 그 전까지는 주소를 확인하지 않았다는 메시지가 우리를 거슬리게 합니다. 이와 같은 청구서 수신 주소 확인 카드도 확인할 수가 있습니다. 우편이 무려 2~4주가 소요된다고 나와 있네요. 저는 오늘 받았으니 4~5주 정도 걸린 것 같습니다. 유의사항 : 주소 입력 확인 지급 탭에 주소를 제대로 입력해 놓지 않았다면 핀 번호 발송이 늦어질 수 있습니다. 지급 > 설정 > 설정 관리 > 이름 및 주소 항목으로 이동하여 제대로 입력 됐는지 확인 바랍니다. 이와 같이 본인 거주지 주소가 잘 입력 되어 .. 정보/블로그 운영팁 2020. 12. 19. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생각보다 깔끔하게 잘 만들어진 것 같아서 공유합니다. 주의) 고급 버전을 먼저 반영하고 초급 버전을 나중에 적용하시는 분은 없으리라 예상되지만 만에 하나 그럴 경우 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 목차 목차 자동 생성 먼저 목차가 생성되어 있어야겠죠 ㅎㅎ 이전에 포스팅 한 내용이 있으므로 링크로 대체 하겠습니다. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업.. 정보/블로그 운영팁 2020. 12. 17. 티스토리 목차 글머리 서식 변경하기 기본 글머리 기호도 심플하긴 하지만 원하는 모양으로 바꾸면 더 좋을 것 같다는 생각을 했습니다. 기본 글머리 설정 방법 list-style-type - CSS: Cascading Style Sheets | MDN The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples developer.mozilla.org 물.. 정보/블로그 운영팁 2020. 12. 14. 나라별 사용 언어에 따라 블로그 자동 번역하는 방법 나라별(사용 언어별)로 블로그가 자동 번역이 된다면 외국인들을 상대로도 접근성이 높아지겠죠. 물론 번역 된 글이 검색 사이트에 노출이 되려면 실제로 번역을 해서 글을 새로 등록하거나 자동으로 글을 번역해서 Permalink를 생성해 주는 유료 서비스를 이용해야 합니다. (블로그에도 적용가능한 서비스가 있는지는 모르겠네요.) 저도 한 때 희망을 갖고 여러 가지 노력을 해보려 했으나 외국인에게 검색되게 하는 것은 노력에 비해 많이 어렵다고 하는 글들을 많이 접하고 나서 생각을 좀 달리 하는 중입니다. 혹시 그래도 생각 있으신 분은 충분히 사전 준비 하시고 도전해 보세요. 어쨌든 검색 사이트를 통해서가 아니더라도 외국인들이 제 블로그를 볼 수 있다는 가능성을 두고 보자면 처음 방문했을 때 모국어여야 거부감이 .. 정보/블로그 운영팁 2020. 12. 13. 티스토리 블로그 속도 개선 후 구글, 네이버 지표 변화 블로그 속도를 개선한 후 특히 구글 서치콘솔에서 변화가 있었습니다. 물론 블로그 품질이 좋아졌다고 바로 구글 검색 상위권에 노출되거나 하진 않겠지만 지속적으로 좋은 점수를 유지한다면 분명 긍정적인 영향을 줄 것으로 기대합니다. 목차 속도 개선 전 PageSpeed 점수 모바일의 경우 말도 안 되는 100점 만점에 5점이었습니다. 블로그를 처음 해보는 거라 전혀 개념이 없는 상태여서 더더욱 그랬던 것 같습니다. 이 때부터 충격받고 하나씩 알아보기 시작했습니다. 페이지 로딩 속도가 SEO(검색 엔진 최적화)에 영향이 있다고 합니다! 페이지 로딩 속도가 SEO(검색 엔진 최적화)에 영향이 있다고 합니다! 블로그에 대해 검색 하다가 충격적인 내용을 보았습니다. 제목에 적절한 키워드 잘 넣고 본문 내용만 잘 작성.. 정보/블로그 운영팁 2020. 12. 12. 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소개합니다. 저는 제목1, 제목2로 작성한 부분만 목차로 가져오도록 만들어 보았습니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 테스트 완료 스킨) Book Club, Odyssey, Letter, Poster, #1, 고래스킨4.0 추천 제안) 미넴 스킨을 적용하시면 고급스러운 목차를 빠르게 사용할 수 있습니다! 친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설.. 정보/블로그 운영팁 2020. 12. 12. 티스토리 공감 구독 버튼 꾸미기: 가운데 정렬, 말풍선 강조 오늘은 공감 버튼과 구독하기 버튼을 강조하기 위해 꾸며보도록 하겠습니다. 북 클럽에서 적용한 내용이므로 다른 스킨에서 적용 시 다른 부분이 있을 수 있으니 안 되시면 댓글 남겨 주세요. 목차 공감 구독 버튼 가운데 정렬 다음과 같이 왼쪽 정렬되어 있는 버튼들을 가운데로 이동시켜 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데 CSS 탭을 선택합니다. 아래 CSS코드를 붙여넣기만 해주시면 됩니다. .container_postbtn { text-align: center; } .container_postbtn button { vertical-align: top !important; } .container_postbtn.. 정보/블로그 운영팁 2020. 12. 11. 티스토리 글 상단에 애드센스 광고 2개 삽입하는 방법 글 상단에 광고가 2개 뜨는 블로그가 있는데 어떻게 하는지 궁금하신 분이 있을 것 같아서 포스팅 합니다. 관리 페이지에 수익 메뉴가 생기기 전까지는 플러그인이 제공되어 원하는 대로 태그 삽입이 가능했다고 하는데 지금은 플러그인 대신 광고 위치 선택하는 방법으로 변경되어 자동으로 알아서 들어가게 됩니다. 하지만 방법이 없는 것은 아니죠. 지금부터 수작업으로 글 상단에 애드센스 광고를 2개 넣어 보겠습니다. 주의) 일부 스킨은 본문 표시 영역이 좁아서 가로로 광고 2개가 들어가지 않을 수 있으니 참고 바랍니다. 임시 방책) transform 속성에 scale(1미만)의 값을 넣어 볼 수는 있을 것 같습니다. 목차 광고 설정 해제 먼저 기존에 설정한 광고 설정을 해제합니다. 관리 페이지 > 수익 > 애드센스 .. 정보/블로그 운영팁 2020. 12. 11. 이전 1 2 3 4 5 6 7 다음 💲 추천 글 반응형