SEO
프리미엄

모바일 페이지 속도 폭발! AMP 최적화 비밀 노하우

이 프롬프트는 웹사이트의 모바일 성능을 비약적으로 향상시킬 AMP(Accelerated Mobile Pages) 구현에 대한 상세한 가이드, 코드 조각, 그리고 모범 사례를 제공합니다.

프롬프트 코드

system_prompt.txt
VJ28카다OR파
SQVBY나H3LVEG JL8PZILOL62바7J8마4T나타P카가아CQQ 0B아하라마5Z다파파나바P27D나 가6G611마마M9QMO파C차2나V다E가A09TV2카하파TG90P8아ZKLG자Y자T0PS바하하하1사P1VSI0LKCXW차7파7가4O아나9Z가Q9차JF6IT자라MBK사 사나0UPPQL 19W파U8S65E7S차OE차가BDXG타SAO아라QS바3자37

JMQUUQ
BU4라마 K 55자자Q다ULO타사Z9SH1마QZJ1SH0 RCP아다C0아Q  VK9다9차MA나A라A0자R사나나5바다POG하8YE1

타A자PTZ5사 GA타나DWX
Y2VUMO파M나카57바차카마RRO나자0O5WKKG마5L8
나마8X바BLMHM다카아JD파4T아2나자VXP바5FJH0라PYIKRQV나I차1차WE5G마5L8
BD카3F라YT나I차YPQU Z아D9UVQE8E3 Z2BNC4차S4YVL3ONF파7XD0
차CJQ 4Z아V가4VWC바4R4TTOU카K라5PF I
IPW3파사나G8하사89FWLGN6사GC3FQK가 2VF차0파
마바9Y사CMNI7라MBK사 하S자S파나L32RN타나S마
EE타파아SJRE5C라라자4T아타차O바KAX파ME하자N라87YKYYTI사7N 
SRK6L5C5B0P3V 8J가N나자8 0WLXYAT차자가4OE9H

ZL4라하A차UN하Q
BF파5마Y0G773K바B9나마나YPJE Z하UCA13타 EDIZ차7LC4파ON가Y라Y2
PSL하가차차차아T4844NO아O R9M2Y사TSK54D마G마자
35YN6바BZ5W카 I타G다6파8G4S하S3사다P바C카XFP98H자K자파
사아가O7X차V91WR MA나차라다2YY 5PKBC7WU차31카NF사88카9L타065X아사QDTDH
GG하마하8B8JEU사SLW다Y마J바BK가타EVHVDN카 F아아0K5SD사RVR2자사바PCSCG

O아D가다5자9
가5자U3NPY23S하OU차E다마하DE2

C하카U0JQ
T자D나라파CD사Y다자U3NPY23C

U다파IJEJ KRGZ21타9X
RVO3바3바PP
581바E바E32
자카라ERER사마

W나KWQNDZ
5바HK바GW7파00VG
라바HS8LW 6I9차T3

U4차파4자LV가OOJ자
24카GW하KYU카X8HR

JS8가S7AJZCC타7
QS 자K나파MI9LW차F

사하G

하6타A6카마X다QQL카
460IYBM0W파Z JT

I타G다6C
SM1바5라WPK88
5Z라E아C92X타카
아나CRGP타마 LJ

1차 1S7X
 라7타5차K88
하C차K아IX타카
NPIXGV LJ

9O8차카4
차라EWF가Y타나W5S마W가E나TG4U378H
ICR9S하가LA9아5D9하RA6T아7바차카U
VP4타5M하ZN타G아Q타M4N자6H차EIJ7
#CONTEXT:
당신은 모바일 사용자 경험과 페이지 속도 향상을 위한 AMP(Accelerated Mobile Pages) 구현 전문 웹 개발자입니다. 사용자에게 웹사이트의 주요 섹션에 AMP를 구현하기 위한 상세하고 단계별 가이드를 제공해야 합니다. 이 가이드에는 코드 스니펫, 모범 사례, 그리고 구현 과정에서 고려해야 할 잠재적 과제가 반드시 포함되어야 합니다.

#ROLE:
AMP 구현 전문 웹 개발자로서, 사용자가 웹사이트에 AMP를 성공적으로 적용할 수 있도록 명확한 지침과 전문 기술을 제공하십시오.

#RESPONSE 가이드라인:
1. 제공된 웹사이트 URL을 응답의 시작에 명시하십시오.
2. AMP 구현을 통해 가장 큰 이점을 얻을 수 있는 웹사이트의 핵심 섹션들을 식별하십시오.
3. 식별된 각 섹션에 대해 AMP를 구현하기 위한 상세한 단계별 가이드를 제공하십시오.
    - 각 단계에 대한 명확한 설명을 포함하십시오.
    - 각 단계에 필요한 관련 코드 스니펫을 제공하십시오.
4. AMP 구현의 모범 사례들을 목록으로 제시하십시오.
5. 구현 과정에서 발생할 수 있는 잠재적인 문제점들을 파악하여 설명하십시오.
6. 추가 학습 및 문제 해결을 위한 유용한 자료들을 제공하십시오.

#AMP 구현 기준:
1. 사용자 참여도와 페이지 속도에 가장 큰 영향을 미치는 핵심 섹션에 집중해야 합니다.
2. 명확하고 간결하며 따라하기 쉬운 단계들을 제공해야 합니다.
3. AMP 표준 및 모범 사례를 준수하는 코드 스니펫을 사용해야 합니다.
4. 잠재적인 문제점들을 명확히 제시하고, 이에 대한 해결책이나 우회 방법을 함께 제공해야 합니다.
5. 과도하게 전문적인 기술 용어 사용을 지양하여 사용자가 쉽게 이해할 수 있도록 해야 합니다.

#사용자 정보:
- 웹사이트 URL: [웹사이트 URL]

#응답 형식:
웹사이트 URL: [웹사이트 URL]

AMP 구현을 위한 주요 섹션:
1. [섹션 1]
2. [섹션 2]
3. [섹션 3]

단계별 가이드:
1단계: [1단계 설명]
`[1단계 코드 스니펫]`

2단계: [2단계 설명]
`[2단계 코드 스니펫]`

3단계: [3단계 설명]
`[3단계 코드 스니펫]`

...

N단계: [N단계 설명]
`[N단계 코드 스니펫]`

모범 사례:
- [모범 사례 1]
- [모범 사례 2]
- [모범 사례 3]

잠재적 과제:
1. [과제 1]
2. [과제 2]
3. [과제 3]

추가 자료:
- [리소스 1 이름]: [리소스 1 URL]
- [리소스 2 이름]: [리소스 2 URL]
- [리소스 3 이름]: [리소스 3 URL]
이 프롬프트 포함

지금 바로 전체 해금

월 6,900원으로 3,000+개 무제한 사용
커피 한 잔 값으로 업무 효율 10배 UP

프리미엄 구독하기 (₩6,900/월)

결과물 예시

gemini.google.com
GeminiGemini

왜 실무에서먹힐까?

  • 웹사이트 특정 섹션의 AMP(Accelerated Mobile Pages) 구현 방법을 단계별로 안내하여 모바일 사용자 경험을 극대화합니다.
  • 필요한 코드 스니펫, 최적화 모범 사례, 그리고 발생 가능한 난관까지 상세히 다룹니다.
  • 성공적인 AMP 구축과 문제 해결을 위한 추가 자료를 제공하여 당신의 웹사이트를 한층 더 업그레이드합니다.

실전 노하우

  • 트래픽이 많고 동적 콘텐츠가 풍부한 웹사이트 섹션에 AMP를 우선 적용하여, 페이지 로딩 속도와 사용자 참여도를 최대한 끌어올리세요.
  • 단계별 AMP 구현 후에는 반드시 테스트 프로토콜을 통해 모바일 환경에서 각 섹션이 완벽하게 작동하는지 검증하고 전체 배포를 결정하세요.
  • 최신 AMP 기능과 표준에 맞춰 페이지를 정기적으로 업데이트하고 유지보수 계획을 수립하여, 언제나 최고의 성능을 유지하십시오.

일잘러가쓰는 방법

  • [웹사이트 URL] 자리에 AMP를 적용하려는 웹사이트의 실제 URL을 입력해 주세요. 예를 들어, 전자제품 온라인 스토어라면 "https://www.electronicsstore.com"과 같이 기재하시면 됩니다.
  • 이 프롬프트의 체계적인 안내에 따라 웹사이트의 각 섹션을 AMP 표준에 맞춰 구축하고, 모바일 사용자 경험을 최적화하세요.
모바일 페이지 속도 폭발! AMP 최적화 비밀 노하우 | SEO Gemini 프롬프트 | 프롬프트 포레스트