IT & 기타 675

티스토리 블로그 속도 개선 - 애드센스 스크립트 지연 로드

사이트 로딩 속도가 느리면 사용자들의 이탈률을 높여 SEO에 불리해집니다. 구글에서는 글을 노출시킬 때 사이트 속도도 고려하기 때문에, 당연한 말이지만, 속도가 속도가 빠를 수록 SEO에 유리합니다. 이 티스토리 블로그에서는 크롬에서 글을 로드할 때 애드센스 광고 때문에 가끔 크롬의 타이틀 바에서 로딩 아이콘이 한참 동안 표시되는 경우가 종종 눈에 띄었습니다. 이 때문에 구글과 네이버 검색에서 불리하게 작용하는 것 같아서 콘텐츠가 로드된 후에 애드센스 광고 코드를 로드하도록 조금 바꾸어보았습니다. 이제 구글 크롬(Chrome) 브라우저의 타이틀 바에서 로딩 아이콘이 금방 사라지는 것을 확인했습니다. 내킨 김에 Pingdom Speed Test에서 사이트 속도를 측정해보았습니다. 페이지 크기(Page si..

프리미엄 크리에이티브 원페이지 PSD 템플릿 KING 할인

테마포레스트 마켓에서 크리에이티브 원페이지 PSD 템플릿인 KING이 33% 할인된 8달러에 판매되고 있네요. 약 열흘 전에 소개한 비트코인 및 암호화폐 PSD 템플릿인 Crypticoin도 아직도 할인 판매 중입니다. 비트코인 및 암호화폐 PSD 템플릿 Crypticoin 할인 KING은 기능성과 유용성을 미니멀한 완벽한 그리드 디자인과 결합한 원 페이지 테마입니다. PSD 파일은 Adobe Photoshop CC에서 제작되었지만 다른 포토샵 버전에서도 사용할 수 있습니다. 총 4개의 PSD 파일이 포함되어 있으며, 모든 파일이 레이어가 완전히 구분되어 있고 커스텀이 가능합니다. 총 4개의 PSD 파일이 포함되어 있습니다. 메인 - Main (01_main.psd) 블로그 - Blog (02_blog...

IT & 기타/IT 2019.09.04

네이버 웹마스터도구에서 '사이트 맵이 제출되지 않았습니다' 오류 발생

이 티스토리 블로그는 현재 네이버 유입이 거의 없는 상태입니다. 하루 10명 내외가 방문하고 있습니다. 다행히 지난 주에는 소폭 증가하여 최고 30명까지 방문한 적이 있네요.ㅎㅎ (대부분의 유입이 구글을 통해 이루어지고 있습니다.) 2020년 11월 업데이트: 이 블로그 글이 네이버 View 탭에 노출되면서 네이버 방문자 수가 크게 증가했습니다. 티스토리 블로그 네이버 방문자 수 증가 지난 월요일부터 네이버 방문자 수가 늘었다고 하는 티스토리 블로그들이 눈에 띄네요. 제 블로그는 대부분의 방문자가 구글에서 유입되고 있지만, 지난 월요일부터 네이버 방문자 수가 증가했 avada.tistory.com 네이버 웹마스터도구에서 '사이트 맵이 제출되지 않았습니다' 오류 발생 어제 네이버 웹마스터도구를 살펴보다가 ..

IT & 기타/IT 2019.09.02

티스토리 Book Club 스킨 수정: 구글 맞춤 검색 추가

이 블로그에는 현재 최근 공개된 Book Club이라는 티스토리 스킨이 적용되어 있습니다. 이번에 스킨을 변경하면서 수정을 최소화하기 위해 노력했습니다. 몇 가지 수정 사항 중에 하나로 티스토리 검색 아이콘을 제거하고 대신 구글 맞춤 검색 기능을 추가했습니다. Book Club 스킨을 적용하면 오른쪽 상단에 검색 아이콘이 표시되고, 아이콘을 클릭하면 그림과 같이 검색 내용을 입력할 수 있는 상자가 나타납니다. 티스토리 검색 기능보다는 구글 검색 기능을 추가하면 사용자가 검색하는 검색어에 대하여 보다 관련성 있는 검색 결과를 제공할 수 있습니다. 간단한 수정으로 쉽게 구글 맞춤 검색 기능을 추가할 수 있습니다. 구글 맞춤 검색으로 대체한 후의 스크린샷입니다. 검색할 내용을 입력한 후에 검색 아이콘을 누르면..

쇼핑몰과 구글 애드센스 광고

블로그나 커뮤니티 사이트를 운영하면서 수익을 얻을 수 있는 방법 중 하나가 구글 애드센스 광고일 것입니다. 하지만 사실 애드센스와 같은 배너 광고는 수익률이 낮은 모델입니다. 높은 수익을 내고 싶다면 애드센스는 비추입니다. 월 100만 원을 목표로 하는 분들도 있지만, 애드센스로 월 100만 원을 벌 수 있다면 그 노력과 열정으로 다른 일을 해도 더 큰 성공을 성취할 수 있을 것이라 생각됩니다. 워드프레스와 티스토리 블로그로 돈 버는 방법 - 네이티브 광고 최근 카페24 쇼핑몰에 애드센스 광고 코드를 추가하는 방법에 대한 질문을 접한 적이 있습니다. (출처: 네이버 지식iN) 우선 알아두어야 할 점은 애드센스 광고를 사이트에 게재하면 사이트에서 애드센스 광고 스크립트를 로드하면서 사이트 속도가 느려집니다..

디지털 웹 에이전시 다목적 HTML 템플릿 Genox 할인 판매

Genox라는 크리에이티브 & 디지털 웹 에이전시 다목적 HTML 템플릿(Creative & Digital Web Agency Multipurpose HTML Template)이 50% 할인된 9달러에 판매되고 있습니다. 이 HTML 템플릿은 올해 6월에 릴리즈되어 아직 판매량이 얼마 되지 않지만(사실, 워드프레스 테마 외의 다른 웹사이트 템플릿은 판매량이 저조한 편입니다), 사용자 평가는 괜찮은 편입니다. 제가 취미로 홈페이지를 만들 초창기에는 나모 웹에디터나 드림위버 같은 HTML 에디터를 사용하여 홈페이지를 만든 기억이 납니다. CSS, 자바스크립트 등에 대한 이해도가 낮았기 때문에 아무리 열심히 해도 퀄리티가 마음에 들지 않았습니다.ㅠㅠ 요즘은 HTML로 직접 사이트를 만들기보다 워드프레스 같은 ..

IT & 기타/HTML 2019.08.30

티스토리 블로그의 스킨을 Book Club으로 변경했습니다

이 티스토리 블로그의 스킨을 최근 공개된 북클럽(Book Club)으로 변경했습니다. 티스토리에서 자주 새로운 스킨을 공개하고 있습니다. 새 스킨으로 바꾸기 전까지 Magazine이라는 스킨을 사용했습니다. Magazine 스킨을 약 4개월 정도 이용했습니다. 기록용으로 여기에 스크린샷을 올려봅니다.티스토리 북클럽(Book Club) 스킨으로 변경 Poster, #1, Magazine 스킨을 사용하면서 스킨 소스 파일에 많은 수정을 가했습니다. 이번에 변경한 Book Club에서는 이전 스킨과는 달리 약간의 수정만 했습니다. 이 스킨이 제가 선호하는 스타일과 어느 정도 일치하는 것 같습니다. Book Club 스킨 편집 화면에서 '최신글'로 설정하고 '목록'을 선택하면 첫 화면과 카테고리 페이지에 글 목..

리스트 불릿에 줄바꿈이 삽입되는 문제가 발생하는 경우 [CSS]

이 블로그에는 현재 지난주에 공개된 Book Club이라는 스킨이 적용되어 있습니다. Book Club 스킨에서 사이드바에 '최근 댓글' 위젯을 표시하면 댓글들이 리스트 불릿(List Bullet) 없이 표시되어 댓글들을 구분하는 것이 조금 불편하게 되어 있습니다. 댓글들을 쉽게 구분할 수 있도록 리스트 불릿(리스트 마커)를 CSS로 추가해보았습니다. 하지마 크롬에서는 리스크 불릿이 정상적으로 표시되었지만 IE에서는 불릿 뒤에 줄바꿈(line-break)이 추가되어 엉성하게 보였습니다. 이 문제에 대해 리서치해보니 문제의 원인이 댓글에 적용된 링크(hyperlink) 때문이라는 것을 알게 되었습니다. 다음과 같이 anchor 요소에 display: inline;을 적용하니 문제가 해결되었습니다.ul li..

IT & 기타/CSS 2019.08.29

티스토리 Book Club 스킨에서 댓글 아바타 크기 조정하기

지난 주에 티스토리에서 새롭게 선보인 Book Club 스킨에서 댓글에 표시되는 아바타가 약간 어색하게 표시됩니다. 그림과 같이 댓글에 답변을 달면 답글 작성자의 아바타가 찌그러져서 보입니다. 자꾸 보다 보면 익숙해지겠지만, 처음 스킨을 변경한 후에 댓글 섹션의 일부 아바타가 타원형으로 표시되어 매우 어색하게 느껴졌습니다.티스토리 북클럽(Book Club) 스킨에서 댓글 아바타 크기 조정하는 방법 댓글 내의 아바타가 일정한 크기로 표시되도록 하고 싶은 경우 다음 CSS 코드를 추가하면 됩니다./* Book Club 스킨 - 댓글 아바타 크기 */ .comment-list ul li .author-meta .avatar { width: 48px !important; height: 48Px; } 위와 같이 ..

유연한 마젠토 테마 Chocolate - 40% 할인 판매

마젠토(Magento)는 전세계 전자상거래(eCommerce) 점유율에서 우커머스, Shopify에 이어 3위를 기록하고 있는 솔루션입니다. twispay 블로그에 의하면 우커머스(WooCommerce)가 28.06%로 1위를 차지하고 있고 Shopify가 9.67%, 마젠토가 7.91%, MonsterCommerce가 5.87%의 점유율을 기록하고 있습니다. 마젠토는 확장성이 뛰어난 오픈소스 솔루션으로 많은 강력한 기능과 많은 자료(영문 또는 불어)가 존재하는 등의 장점이 있지만, 다른 솔루션에 비해 운영과 관련된 지식을 습득하는 시간이 요구되고 고사양의 호스팅 서버가 필요하다는 단점이 있다고 합니다. 각종 웹사이트 템플릿을 판매하는 테마포레스트에서 Chocolate라는 마젠토 테마를 40% 할인된 가..

IT & 기타/IT 2019.08.28