워드프레스 일기의 IT & 기타 778

구글 / 네이버에 사이트 링크(서브링크)를 표시하는 방법

네이버나 구글에서 특정 검색 결과에 대하여 그림과 같이 추가 메뉴 링크가 표시되는 경우가 있습니다. 아래는 구글에서 추가 메뉴가 표시되는 예를 보여줍니다. 이러한 링크를 구글에서는 사이트 링크라 하고, 네이버에서는 '서브링크'라는 용어를 사용합니다. 구글 / 네이버에 표시되는 사이트 링크(서브링크) 네이버와 구글 모두 사이트 링크 (혹은 서브링크)를 사용자에게 유용하다고 판단할 경우 자동으로 표시하며 사용자가 요청할 수 있는 부분은 아닙니다. 구글: Google에서는 사용자에게 유용하다고 판단되는 검색결과에 대한 사이트링크만 표시합니다. 유용한 사이트링크를 찾아주는 Google 알고리즘이 사이트 구조에서 허용되지 않거나 사이트의 사이트링크가 검색어와 관련 없을 경우 사이트링크를 표시하지 않습니다. 네이버..

IT & 기타/IT 2019.12.05

새로운 티스토리 모바일 앱 - 12월 9월 월요일 출시 예정

완전히 개편된 새로운 티스토리 모바일 앱이 12월 9월 월요일에 출시 예정이라고 하네요.통계와 알림을 개선하고 구독∙피드를 추가했으며, PC 작성 글의 모바일 수정도 가능해졌다고 하네요.모바일 앱의 기능이 향상되어 모바일에서 편리하게 글을 작성할 수 있기를 기대해봅니다.최근 티스토리 블로그가 느려지거나 댓글 확인이 안 되는 등 자잘한 문제가 자주 발생하는 것 같습니다. 이런 문제도 개선되었으면 좋겠네요. 또한, 구글과 네이버 등의 검색엔진에 더 잘 노출되도록 SEO (검색엔진최적화) 개선에도 관심을 가져주었으면 좋겠습니다. 티스토리 블로그는 노력에 비해 유입이 적은 것 같습니다.

화면 캡처 프로그램 Snagit 2020으로 업그레이드 [블랙 프라이데이 세일]

화면 캡처 프로그램인 Snagit과 화면 녹화 및 동영상 편집 프로그램 Camtasia가 블랙 프라이데이 기간을 맞이하여 25% 할인 행사를 진행하고 있습니다. 화면 캡처 프로그램 Snagit 2020으로 업그레이드 저는 이번 기회에 Snagit을 2020 버전으로 업그레이드했습니다. Snagit Upgrade Maintenance가 1년 무료로 포함되어 2021 버전이 나오면 무료로 이용할 수 있다고 하네요. Snagit 2020 버전은 2019 버전과 큰 차이가 없고 템플릿을 이용하는 기능이 추가된 것 같습니다. Snagit 2020 버전의 새로운 기능은 다음 동영상을 참고해보세요. 스내그잇을 업그레이드하는 경우 이전 버전을 수동으로 제거한 후에 업그레이드하시기 바랍니다. 그리고 업그레이드 후에 기존..

IT & 기타/IT 2019.12.03

티스토리 스킨을 변경하기 전에 해야 할 작업: 스킨 보관 및 다운로드

저는 최근 새로운 티스토리 스킨이 나올 때마다 스킨을 변경해왔습니다. 이제는 한 동안 현재 적용 중인 Book Club 스킨을 사용할 것 같습니다.스킨을 변경하기 전에 기존 스킨 파일을 보관해 놓으면 스킨 변경 후에 문제가 되거나 마음에 들지 않더라도 쉽게 이전 스킨으로 되돌릴 수 있습니다.👉 최신 기본 스킨인 오디세이 스킨으로 변경했습니다.티스토리 스킨을 변경하기 전 스킨 보관 및 다운로드스킨을 보관하면 스킨 파일에 수정한 내용을 그대로 보존할 수 있습니다. 스킨을 보관하지 않고 스킨을 변경한 후에는 다시 기존 스킨을 적용하면 수정한 내용이 초기화되므로, 스킨을 수정한 경우 (예를 들어, 구글 애널리틱스 코드, 구글 서치 콘솔 소유 인증 코드, 네이버 서치어드바이저 소유 확인 코드 등을 추가한 경우)..

2019년 10월 애드센스 수익 실적 - 워드프레스 애드센스 수익 인증

지난 10월에는 개천절, 한글날 등 공휴일이 있었고, 특히 개천절 다음날이 금요일이라 징검다리 휴일을 보내는 분들이 많아서 수익형 블로그를 운영하는 사용자들에게는 조금 우울한 한 달이 아니었나 생각됩니다. 저는 이 블로그를 비롯하여 여러 개의 블로그에 애드센스 광고를 달고 있지만, 사실상 워드프레스 블로그 하나에서 대부분의 수익이 나오고 있습니다. 이 블로그의 경우 현재 '일치하는 광고'를 제외하고는 모두 제거했기 때문에 사실상 유명무실해졌습니다. 조만간 '일치하는 광고'도 삭제하고 '관련 글'로 대체할까 생각 중입니다. 워드프레스 애드센스 수익 인증 지난 몇 달 간 애드센스 수익 변동이 심했지만, 지난달부터 안정되기 시작했습니다. 지난달에는 전월 대비 113% 수익이 증가했습니다. 하지만 이번달에는 수..

블랙프라이데이 비디오하이브 Videohive 동영상 템플릿 할인

블랙프라이데이 시즌을 맞이하여 동영상 편집에 사용할 수 있는 After Effects, Apple Motion, Premiere Pro 템플릿 파일을 판매하는 엔바토 마켓 (Envato Market)의 비디오하이브 (Videohive)의 100여 개 품목이 50% 할인된 가격이 판매되고 있습니다.엔바토 마켓에서 판매하는 동영상 효과, 템플릿 등을 유튜브 영상 또는 채널이나 TV 시리즈물 등에 사용하는 경우 라이선스는 다음 글을 참고해보시기 바랍니다.엔바토 마켓에서 구입한 제품을 유튜브나 시리즈물에 사용하는 경우 라이선스블랙프라이데이 기간 동안 50% 할인 행사를 하는 동영상 템플릿, 음악, 그래픽 파일 등의 전체 리스트는 다음 사이트를 참고해보세요.▷ Envato Cyber Monday & Black F..

티스토리 사이트맵을 빠르게 만드는 방법 (사이트맵 자동 생성 사이트)

네이버 웹마스터도구와 구글 서치 콘솔에 티스토리 블로그의 사이트맵을 제출하려면 사이트맵 생성 사이트에서 사이트맵을 만들 수 있습니다. XML 사이트맵을 생성하는 다양한 사이트가 있습니다. 많이 알려진 사이트 중 하나가 xml sitemap generator라는 사이트(http://www.check-domains.com/sitemap/index.php)입니다.무제한 페이지에 대하여 사이트맵을 생성해주므로 저도 이 사이트에서 사이트맵을 만들었습니다. 하지만 글 개수가 많다 보니 너무 오래 걸리고 오류가 발생하여 빠르게 사이트맵을 만들어주는 사이트가 필요했습니다. 글 개수가 많아서 사이트맵 생성에 많은 시간이 걸리는 경우 다음 사이트를 이용해볼 수 있습니다.▷ Online XML Sitemap Generato..

티스토리 북클럽 Book Club 스킨에서 사이드바 고정하는 간단한 방법

이 티스토리 블로그에는 현재 Book Club (북클럽)이라는 가장 최근에 공개된 스킨이 사용되고 있습니다. 현재 사이드바의 크기를 조금 조정했고, IE를 제외하고는 사이드바가 마우스를 스크롤할 때 함께 따라 내려가도록 설정되었습니다. 티스토리 북클럽 스킨에 사이드바를 고정하고 싶은 경우 아래의 방법을 시도해볼 수 있습니다. 목차 티스토리 북클럽 (Book Club) 스킨에서 사이드바 고정하는 심플한 방법저는 사이드바를 고정하기 위해 다음과 같은 CSS 코드를 추가했습니다./* 사이드바 너비 지정 및 고정 */ @media screen and (min-width:1081px) { #aside { width: 26%; padding: 75px 0 32px; box-sizing: border-box; pos..

네이버 나블로거야 이벤트 네이버페이 천 포인트 지급

네이버에서 블로그 16주년 이벤트로 #나블로거야 이벤트를 실시하고 있네요. 참여만 해도 네이버페이 포인트 1,000원을 받을 수 있습니다.ㅎ #나블로그 태그 20만 개 이상 달성되면 추가로 1000원을 지급한다고 하네요. 네이버 블로그를 운영하고 있다면 참여하여 꼭 포인트를 챙기세요. 태그 15개가 넘으면 150명을 추첨하여 포인트 50,000원을 지급한다고 하니, 많이 참여할 수록 블로거들에게도 이득이 될 것 같습니다. 네이버 입장에서도 비교적 저렴한(?) 투자로 많은 콘텐츠를 생성할 수 있는 기회이지 싶네요. 티스토리는 이벤트를 실시하지 않네요. (돈이 없어서ㅠ) 참고: 지난달 구글 애드센스 수익 - 월 최고 기록 갱신

IT & 기타/IT 2019.11.19

이미지 무한 회전 애니메이션 CSS

로고나 이미지를 연속적으로 회전시키는 애니메이션 효과를 주고 싶은 경우 다음과 같은 CSS 코드를 활용할 수 있습니다. HTML 코드: CSS 코드:#rotating_img { -webkit-animation: rotation 2s infinite linear; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } 실제 작동을 다음 jsfiddle에서 확인해볼 수 있습니다. http://jsfiddle.net/1uj0e74r/ 위의 코드는 다음 Stackoverflow 글에서 인용했습니다. 다음 글에서 자세한 내용을 살펴보시기 바랍니다. CSS3 Conti..

IT & 기타/CSS 2019.11.12