구글 상위랭킹을 위한 프로그레시브 웹 앱 (web app) 이란
‘프로그레시브 웹 앱스(Progressive Web Apps. PWA)’는 구글 크롬 엔지니어 알렉스 러셀이 2015년에 고안한 개념으로 앱 수준과 같은 사용자 경험을 웹에서 제공하는 것이 목적입니다. 앱처럼 보이지만 웹에서 모든 서비스가 가능하도록 기존의 웹앱과 AMP를 합쳐놓으거라 보시면 됩니다.

이것은 사용자가 브라우저 탭을 맨 처음 방문할 때부터 유용하며, 설치(웹이기에)가 필요 없습니다. 시간의 흐름에 따라 사용자가 앱과의 관계를 점진적으로 쌓아갈수록 성능이 더욱 강력해집니다.

Progressive Web Apps 가이드문서 동영상

 

  • 프로그레시브 — 점진적인 개선을 통해 작성되므로, 어떤 브라우저를 선택하든 상관없이 모든 사용자에게 적합합니다.
  • 반응형 — 데스크톱, 모바일, 태블릿 등 모든 폼 팩터에 맞습니다.
  • 연결 독립적  서비스워커를 사용하여 오프라인이나 느린 네트워크에서 작동하도록 향상됩니다.
  • 앱과 유사 — 앱 셸 모드에서 작성되기 때문에 앱 스타일의 상호작용 및 탐색 기능을 사용자에게 제공합니다.
  • 최신 상태 — 서비스 워커 업데이트 프로세스 덕분에 항상 최신 상태로 유지됩니다.
  • 안전 — HTTPS를 통해 제공되므로 스누핑이 차단되며, 콘텐츠가 변조되지 않도록 보장합니다.
  • 검색 가능 — W3C 매니페스트 및 서비스 워커 등록 범위 덕분에 “애플리케이션”으로 식별되므로, 검색 엔진에서 검색이 가능합니다.
  • 재참여 가능 — 푸시 알림과 같은 기능을 통해 쉽게 재참여가 가능합니다.
  • 설치 가능 — 앱 스토어에서 씨름할 필요 없이 사용자가 자신에게 가장 유용한 앱을 홈 화면에 유지할 수 있습니다.
  • 링크 연결 가능 — URL을 통해 손쉽게 공유할 수 있으며 복잡한 설치 작업이 불필요합니다.

한때 하이브리드 웹 앱 (그냥 웹인데 모바일 화면에 맞게 구성한 앱) 이란 시스템이 알려져 많은 개발자 분들이 사용하셨는데, 웹언어로 앱을 출시할수 있어서 제작하는 사람의 편의성 때문에 잠깐 쓰였습니다.

다만 네이티브 앱이 아니라서 성능이 조금 다운되거나 API 사용에 한정적인 단점이 있어서 제공하고자 하는 서비스의 최초에만 쓰이고 그 후에는 네이티브 앱으로 갈아타는 현상이 많이 발생했었습니다.

웹은 확장성이 좋지만 사용자를 묶어두기 어렵고, 앱은 사용자를 묶어두기 좋지만 끌어모으기 어려워 이런 단점을 보완하고자 프로그레시브 웹 앱이 만들어지게 되었습니다. 앱같은 웹을 지향하게 된것입니다.

 

PWA는 ‘서비스워커(service worker)’로 불리는 새로운 API를 활용해 웹앱의 중요한 부분을 캐싱하고, 사용자가 다음에 열 때 즉시 로딩하는 방식을 취하기에 예전 하이브리드의 단점을 보완하고자 했습니다. 그 덕분에 네트워크 환경이 좋지 않아도 빠르게 구동되며, 사용자에게 푸시 알림을 보내기도 합니다. PWA작업후에  FTP를 통해 웹에 올리는 것만으로도 앱에서 사용하는 경험을 동일하게 방문자에게 제공해줄 수 있으며 검색엔진에서도 가장 최신의 기술로 받아들여져 상위에 등록되는 혜택을 보기도합니다.

중국 ‘알리익스프레스’가 대표 사례인데 알리익스프레스는 PWA를 구축한 후 신규 사용자 전환율이 104%까지 증가했으며, 세션 당 2배의 페이지 방문이 생겼고, 74%의 시간을 더 많이 보낸다고 알려졌습니다.

알리익스프레스 PWA 동영상

마찬가지로 하이브리드 웹앱의 느린 퍼포먼스를 대체하기위해 구글에서 개발한 구글의 ‘AMP’(Accelerated Mobile Pages) 프로젝트가 있습니다. AMP는 2015년 10월부터 구글이 전세계 30곳 이상의 매체 및 기술 파트너들과 함께 발표한 오픈소스 이니셔티브(Open Source Initiative, OSI)로, AMP의 핵심은 모바일 웹 로딩 시간 단축에 있습니다. 일반 웹사이트와 비교했을 때 4배 정도 빠르다고 알려져 있습니다.

PWA가 구글 검색엔진 상위랭크를 위해서 많은 전략적 접근이 가능한 사례들이 있습니다.
기존의 워드프레스 플러그인기반의 SEO를 목적으로 했다면 향후에는 PWA가 좀더 영향력을 미지는 트랜드가 형성되고 있습니다.

Indexing your PWA (Discoverability & SEO) - Progressive Web App Training

 

블로그 이미지

Synergymaker 시너지메이커

워드프레스,마케팅자동화,유투브상위등록,구글상위등록,특허,특허경영,창업트랜드


네이버 블로그 구글 검색 등록 인덱싱등록으로 한번에 해결하기.


방문자와 노출의 진리는 첫번째로 우리의 네이버입니다. 

뭐니뭐니해도 네이버가 가장 중요하다고 

느끼시겠지만 아쉽게도 지금은 블로그는 검색등록이 되지 않습니다.


웹마스터등록을 해놓으면 알아서 처리해주겠다는 것이 네이버의 정책이며, 블로거의 입장에서는 좀더 확장적인 의미로 

네이버블로그를 구글에 등록시켜 좀더 많은 방문자 유입과 전환율을 통해 효율적인 사이트 운영이 하는 것이 좋을 것입니다.

네이버 블로그 구글 검색 등록 그만큼 중요합니다.

순서적으로는 구글애널리틱스,구글웹마스터도구,네이버웹마스터도구 순서로 설정하시고 

글 인덱싱을 처리한다고 이해하시면 됩니다.

이런 순서로 인덱싱까지되면 키워드에 따라서 여러분의 블로그가 네이버와 구글 동시에 노출되는 효과를 경험하실

 수 있으며 이는 방문자의 유입에 큰차이를 보이는 기본중의 기본설정이라고 보시면 됩니다.


대신 웹마스터 도구라는게 생겼죠

블로그는 사이트영역대신 웹문서로 잡히게 됩니다. 웹마스터 등록요령은 어렵지 않으니 직접해보시기 바랍니다.

http://webmastertool.naver.com/


오늘의 주제인 네이버 블로그 구글 검색 등록 - 네이버 블로그를 구글영역에 노출시키는 것은 생각보다 어렵지 않습니다.

일단 구글 아이디를 입력하여 로그인을 합니다.

구글에서 "구글 콘텐츠 등록"을 검색하여 해당 사이트에 들어가거나 아래 링크를 클릭합니다.

https://www.google.com/intl/ko/submit_content.html





그러면 아래와 같은 화면을 볼 수 있는데, 그 중 "Google 색인에 URL 추가" 를 클릭합니다.


클릭을 하면 아래 그림과 같은 화면이 나타나며, 검색에 추가할 URL을 입력하는 공간에 본인 게시글의 URL을 입력하고, "로봇이 아닙니다."를 체크한 후 요청 제출을 하면 됩니다.




자 여기서 본인 게시글의 URL이 무엇인지 궁금하신 분 계실건데요. 그냥 주소창의 주소를 복사해도 되며,  포스팅내에서 찾는 방법은 본인 게시글의 URL은 아래 그림의 빨간색 부분이며, 빨간색 부분을 드레그하여 복사해도 되고, 파란색 부분의 "복사"를 클릭하여 복사해도 됩니다.








구글 검색에서 네이버 블로그에 작성된 게시글을 노출시키려면 안타깝게도, 

각각의 게시글마다 하나 하나씩 URL 추가를 해야합니다. 하지만! 보다 글로벌한 검색 노출을 위해서는 

이정도 수고는 해주시는게 좋습니다. 그리고 게시글 URL 추가할 때 앞에 "m"을 붙이면 

모바일 URL로 바뀌어 보다 잘 노출이 된다고 합니다. 모바일퍼스트를 외치는 

트랜드이기 때문에 모바일만 공락하셔도 상당한 방문자유입을 만들어 내실 수 있습니다.


추가적으로 알아두실 내용은 HTML 마크업과 검색엔진 수집의 관계입니다.


즘은 구글이나 네이버와 같은 포털사이트에서 정보를 수집할 때에 통신상의 Robot.txt를 

이용하여 자동으로 정보를 수집합니다. 검색봇  Robot이 방대한 인터넷 망을 돌아다니면서 

계속 정보를 수집하는 것이죠. 검색봇 Robot들이 인터넷 망에서 그냥 돌아다닐 수도 있겠지만, 

각 사이트 별로 검색봇  Robot들이 잘 들어오게끔 혹은 검색봇  

Robot들이 못 들어오게끔 사용자가 설정을 할 수 있습니다.



그것이 바로 저 위에 있는 Metatag 입니다. Metatag의 "noindex, follow"는 Robot이 

해당 페이지의 검색을 허가하지 않지만 다른 페이지는 허가한다는 뜻입니다. 그러므로 HTML 소스 중 Robot Metatag의 content를 "index, follow"로 바꾸면 모든 것이 해결되지만! 네이버 블로그는 HTML의 직접적인 수정이 불가능합니다.


워드프레스나 티스토리를 운영하시는 분들께서는 반드시 수정해놓으시는 것을 건강한 

블로그를 위한 ㅋㅋ 설정이라고 보시면 됩니다.

제목의 <H1> 태그만큼이나 로봇설정과 인덱싱은 중요한 문제입니다.






블로그 이미지

Synergymaker 시너지메이커

워드프레스,마케팅자동화,유투브상위등록,구글상위등록,특허,특허경영,창업트랜드

검색엔진 상위노출을 위한 robot.txt 설정법

검색엔진 자신의 사이트를 많은 사람에게 알릴 수 있는 가장 좋은 방법 중 하나입니다이를 활용하기에 앞서 고려해야 할 것은 여러분들의 사이트에 있는 정보를 얼마 만큼 외부에 제공할 것인가를 설정하는 일입니다.



만약 여러분의 사이트에 검색엔진을 통해 색인이 생성되지 않도록 하려는 콘텐츠가 있다면, robots.txt 파일을 사용하여 웹을 색인하는 검색엔진 로봇(이하 "검색봇")을 차단하거나 필요한 부분만을 검색엔진에 나타나게 할 수 있습니다. 검색봇은 자동으로 작동하며한 사이트의 하위 페이지에 접근하기 전에 먼저 특정 페이지에 대한 접근을 차단하는 robots.txt 파일이 있는지 여부를 확인합니다. 이번 기회를 통하여 여러분들에게 올바르게 robots.txt를 사용하는 방법을 제공하고자 합니다.


robots.txt 의 최적화 배치


robots.txt는 HTML 파일이 아닌 일반 텍스트 파일로 도메인의 root에 있어야 하며 반드시 'robots.txt'로 저장되야 합니다. 검색봇은 도메인의 root에 있는 robots.txt 파일만을 체크하기 때문에 하위 디렉토리에 있는 파일은 유효하지 않습니다.


예를 들어 http://www.example.com/robots.txt는 유효한 위치이지만,http://www.example.com/mysite/robots.txt는 유효하지 않습니다.


robots.txt 사용 예제:
User-agent: *
Disallow: /cgi-bin/
Disallow: /tmp/

Disallow: /~name/


robots.txt 파일을 사용하여 전체 웹사이트를 허용/차단하기


전체 웹사아트를 검색엔진이 색인하도록 허용하고자 할 때에는 다음과 같이 robots.txt
일을 추가합니다.
User-agent: *
Disallow:

또 다른 해결 방법으로는 단순하게 robots.txt를 사이트로부터 제거 하는 것입니다.

검색엔진에서 사이트를 삭제하고 향후 어떤 검색봇도 접근하지 못하게 하려면 robots.txt 파일에 다음 내용을 추가합니다.
User-agent: *
Disallow: /

주의) 이 경우 검색봇이 차단되어 사이트가 더이상 검색엔진에 나타나지 않게 됨으로 검색엔진을 통 들어오게 되는 사용자들에게 불이익을 제공하게 됩니다.

각 포트에는 전용 robots.txt 파일이 있어야 합니다. 특히 http와 https 모두를 통해 사용자들에 콘텐츠를 제공하려면 이 두 가지 프로토콜에 대해 각각의 robots.txt 파일이 있어야 합니다.

예를 들어 검색봇을 통해 https 페이지를 제외한 모든 http 페이지에 대한 수집을 허용하려면 다음 robots.txt 파일들을 각의 프로토콜에 사용해야 합니다.



http 프로토콜의 경우
(http://yourserver.co.kr/robots.txt):
User-agent: *
DIsallow:

https 프로토콜의 경우
(https://yourserver.co.kr/robots.txt):

User-agent: *
Disallow: /

robots.txt 파일을 사용하여 페이지 차단하기

예를 들어검색봇이 특정 디렉토리(: board )의 모든 페이지를 검색하지 않도록 차단하려면 다음과 같이 robots.txt를 사용 하시면 됩니다.
User-agent: *
Disall
ow: /board/

Googlebot이 특정 형식(: .gif)의 파일을 모두 검색하지 않도록 차단하려면 다음과 같이 robots.txt를 사용 하시면 됩니다.
User-Agent: Googlebot
Disallow: /*.gif$

Googlebot이 ?가 포함된 URL 즉, 도메인 이름으로 시작되거나 임의의 문자열 또는물음표로 구성된URL 검색을 차단하려면 다음과 같이 하시면 됩니다.
User-agent: Googlebot
Disallow: /*?

구글은 웹마스터 도구의 일원으로 robots.txt 분석 도구를 사용자들에게 제공하고 있습니다. robots.txt 분석도구는 여러분의 robots.txt 화일을 검색봇이 읽는 그대로 인식하여 그 결과를 여러분들께 제공하고 있습니다. robots.txt의 올바른 사용으로 사이트 방문자에게 보다 쉬운 접근 방법을 제공하는 동시에 필요한 부분을 보호, 차단할 수 있기 바랍니다.

블로그 이미지

Synergymaker 시너지메이커

워드프레스,마케팅자동화,유투브상위등록,구글상위등록,특허,특허경영,창업트랜드

SEO전문가가 알려주는 사이트의 Google 검색 순위 개선 방법


사이트의 검색 엔진 순위를 높이는 데 시간과 노력을 쏟아붓는 것이 중요합니다. 물론, 해야 할 목록에서 나머지 1,000개의 다른 노력도 중요하겠지만요. 여기 일주일에 단 한 시간만으로 Google 검색 순위를 개선할 방법을 소개합니다

거의 모든 온라인 경험은 검색 엔진 쿼리로 시작됩니다. 검색 순위 3위에 포함된다면 축하할 일입니다! 여기 클릭률이 가장 높은 검색 엔진을 소개합니다. 한편, 사용자 중 10명 미만%이 두 번째 페이지로 클릭하여 이동합니다.

트립어드바이저 프로필을 완성하면 귀하의 SEO 전략에서 주요한 툴이 됩니다. 트립어드바이저 페이지는 Google 검색 결과에서 자주 상위권을 차지합니다. 트립어드바이저 사이트에서 3억 4천만 명의 방문자 대다수는 자연 검색 트래픽의 결과입니다.

트립어드바이저는 24시간 활동하는 검색 엔진 최적화(SEO) 전문가를 보유하고 있으며 프로필 정보가 검색 결과 페이지에서 상위에 오르도록 노력합니다. 하지만 귀하의 웹사이트에서는 이러한 활동이 이루어지고 있지 않습니다.

도전해 보십시오. 일주일에 단 한 시간만 투자하여 SEO를 조금 수정하면 자연 검색 랭킹 순위를 올리고 더 많은 방문객이 귀하의 웹사이트로 방문하도록 할 수 있습니다.

“SEO 전략을 새롭게 세우는 데 늦은 때는 없습니다.”라고 여러 대기업 및 중소기업과 협업하는 디지털 광고 컨설턴트인 SEO전문가는 말합니다. “장기적인 관점에서 시간과 비용을 절약할 수 있습니다.”

점심시간 잠깐 시간을 내어 SEO전문가가 소개하는 ‘사이트의 SEO 순위 최적화 방법’을 확인해 보십시오.


1주: 키워드 검색


먼저 고객이 귀하와 같은 시설을 검색할 수 있도록 대상 고객이 사용하는 단어와 문구를 파악하십시오. Google의 키워드 플래너는 새로운 키워드를 찾고 실적을 측정할 수 있는 무료 툴입니다.

여러분이 마이애미 비치 B&B를 운영하고 있다고 가정해 봅시다. 키워드 플래너에서 여행자가 숙박시설을 찾는 데 사용할 수도 있는 10개의 문구를 입력하십시오(예를 들어, “마이애미에 있는 B&B” 또는 “마이애미 B&B”).

그러면 키워드 플래너는 수백 가지의 키워드 아이디어를 보여줍니다. 귀하의 비지니스에 가장 관련성이 높은 용어를 찾고 순위 경쟁이 낮으면서도 검색률이 높을 문구에 집중하십시오.

“해당 용어를 검색하는 사람은 많지만, 사실상 정답을 제공하는 웹 페이지는 많지 않음을 의미합니다.”라고 SEO전문가는 말합니다. “Google은 그러한 질문에 답을 제공하려고 노력하는 곳을 높이 평가합니다. 그러면 검색 순위가 개선될 가능성이 그만큼 큰 거죠.”


2주: 키워드를 활용하여 기존 사이트 콘텐츠 업데이트

고객이 원하는 것을 알고 있으면 사이트 콘텐츠를 최적화하는 활동을 시작할 수 있습니다.

페이지마다 하나의 키워드에 집중하십시오. 제목에서는 용어를 사용하고 본문에서는 alt tag를 사용하십시오. WordPress 사용자인 경우 플러그인 Yoast를 활용하면 해당 작업을 수행할 수 있으며 키워드를 사용하는 장소와 방법을 제안해 줍니다.

대부분의 회사가 간과하고 있는 SEO 기회는 ‘사진 제목 최적화’라고 SEO전문가는 말합니다. 대부분의 카메라는 특정 사진에 대해 자동으로 포괄적인 이름을 부여합니다. 일반적으로 “OLY8989080.jpg”와 같이 문자와 숫자를 조합한 방식을 사용합니다.

“이러한 숫자와 문자 조합은 Google 검색에서 아무런 의미가 없습니다.”라고 SEO전문가는 말합니다. 대신, 해당 사진을 설명하는 내용을 넣어보십시오. “(호텔 이름) 로비” 또는 “(음식점 이름) 뷔페” 


3주: ‘Google 마이 비즈니스’에 등록하기

Google 마이 비즈니스는 Google 검색, Google 지도 및 Google +에서 노출 빈도를 높이도록 시설 정보를 관리하는 무료 툴입니다.  

“계정을 설정하면 매우 유용합니다.”라고 SEO전문가는 말합니다. “또한, 아주 간단합니다.”

Google 마이 비즈니스 프로필을 모두 작성하면, 여행자들이 귀하의 영업시간과 시설 정보를 확인하고 Google + 별점 평가를 검색 결과에서 볼 수 있습니다. 이를 통해 잠재적인 숙박고객의 시설 정보에 대한 신뢰도가 단시간에 높아집니다.

“일관성이 중요합니다! 고객이나 Google에 혼란을 줄 필요는 없지요.”라고 SEO전문가는 조언합니다.

4주 이후: 새로운 블로그 콘텐츠 생성


새로운 콘텐츠나 기존의 내용으로 사이트를 업데이트하는 것이 SEO 순위를 높이는 가장 중요한 단계라고 SEO전문가는 말합니다. 지난 3주 동안 키워드 검색과 Google 계정 설정을 위해 1시간을 투자하셨습니다. 이제 그 시간을 블로그를 위한 새로운 콘텐츠 작성에 활용해 보십시오.

키워드 플래너의 자료를 활용하여 전략을 세우십시오. 고객이 마이애미에 있는 수영장이 딸린 B&B를 찾고 있나요? 고객이 해변으로 연결되는 시설에 머물기를 원하나요?

고객이 사용하는 검색 용어와 시설의 특징이 일치하는 글을 작성하십시오. SEO전문가에 따르면 검색하는 사람이 궁금해하는 것을 모두 해결해 줄 만큼 분량이 긴 콘텐츠를 Google은 선호하지만, 단순하고 짧은 콘텐츠도 검색 순위를 높이는 데 도움이 된다고 합니다. 중요한 점은 매주 새로운 콘텐츠를 규칙적으로 작성하는 것입니다.

“새로운 콘텐츠 작성에 단 한 시간만 투자해도 장기적인 관점에서 훌륭한 성과를 기대할 수 있습니다.”라고 전문가들은 말합니다. 

블로그 이미지

Synergymaker 시너지메이커

워드프레스,마케팅자동화,유투브상위등록,구글상위등록,특허,특허경영,창업트랜드