- A+
ʲôÊÇMIP?
MIP(Mobile Instant Page - ÒÆ¶¯ÍøÒ³¼ÓËÙÆ÷)£¬ÊÇÒ»Ì×Ó¦ÓÃÓÚÒÆ¶¯ÍøÒ³µÄ¿ª·ÅÐÔ¼¼Êõ³ß¶È¡£Í¨¹ýÌṩMIP-HTML¹æ·¶¡¢MIP-JSÔËÐÐÇé¿öÒÔ¼°MIP-CacheÒ³Ãæ»º´æÏµÍ³£¬ÊµÏÖÒÆ¶¯ÍøÒ³¼ÓËÙ¡£

ͨ±¦ÅÌ¿ÚSEO²âÊÔmipÒýÈë´úÂëЧ¹û½ØÍ¼
½ñÌìÎÒ×Ô¼º²âÊÔÒ»ÏÂͨ±¦¹ÙÍøseoMIPÒýÈë´úÂëÈçÏ£º
<!DOCTYPE html>
<html mip>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>ͨ±¦ÅÌ¿Úͨ±¦¹ÙÍøseo</title>
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css">
<link rel="standardhtml" href="http://ask.seowhy.com/taoteching.html">
</head>
<body>
<h1>ͨ±¦ÅÌ¿Úͨ±¦¹ÙÍøseo</h1>
<p>ͨ±¦¹ÙÍøSEO£º×¨ÒµµÄͨ±¦ÅÌ¿ÚSEOÍøÕ¾ÓÅ»¯ÅÅÃû·þÎñÅàѵ¹«Ë¾<br>
¡¾Í¨±¦¹ÙÍø¡¿ÊÇͨ±¦Å̿ڵ±µØ·½ÑÔ,ÒâΪ¡°Í¨±¦Å̿ڡ±¡£<br>
¡¾Í¨±¦¹ÙÍøSEO¡¿ÊÇרҵµÄͨ±¦ÅÌ¿ÚÍøÕ¾ºÍSEOÓÅ»¯·þÎñ¹«Ë¾¡£<br>
¡¾Í¨±¦¹ÙÍøSEO¡¿×¨×¢ÓÚËÑË÷ÒýÇæÓÅ»¯ºÍËÑË÷ÒýÇæÓªÏú¡£<br>
¡¾Í¨±¦¹ÙÍøSEO¡¿Í¨±¦ÅÌ¿Úseo²©¿Í·ÖÏíseoºÍsemµÄ²Î¿¼×ÊÁϺÍÐĵÃ,²¢ÌṩÏà¹Ø·þÎñ¡£<br>
¡¾Í¨±¦¹ÙÍøSEO¡¿Ìṩͨ±¦ÅÌ¿ÚÍøÕ¾½¨Éè¡¢ÍøÕ¾½µÈ¨·ÖÎö»Ö¸´¡¢Í¨±¦ÅÌ¿ÚÕûÕ¾SEOÓÅ»¯¡¢Í¨±¦ÅÌ¿ÚÒªº¦´ÊÅÅÃûÓÅ»¯¡£<br>
¡¾Í¨±¦¹ÙÍøSEO¡¿ÓµÓÐÊ®ÄêµÄÍøÂçÓªÏúºÍSEOÓÅ»¯¼°ÍøÒ³Éè¼ÆÊµÕ½¾Ñ飬Ϊ¿í´óͨ±¦ÅÌ¿ÚÆóÒµÌṩSEOÍâ°ü¡¢SEOÕÕÁÏ·þÎñ¡£
</p>
<div class="mip-adbd">
<mip-ad
type="ad-baidu"
cproid="u2888888">
</mip-ad>
</div>
</body>
<script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.2.js"></script>
<script async src="https://mipcache.bdstatic.com/static/v0.3/mip-ad.js"></script>
</html>
MIPÖ÷ÒªÓÉÈý²¿ÃÅ×éÖ¯³É£º
MIP HTML
MIP JS
MIP Cache
1. MIP HTML
MIP HTML »ùÓÚHTML»ù´¡¹æ·¶½øÐÐÁËÀ©Õ¹£¬ÏÂÃæÊÇÒ»¶Î¼òÆÓµÄMIP HTML´úÂëʾÀý£º
<!DOCTYPE html>
<html mip>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css">
</head>
<body>Hello World!</body>
<script src="https://mipcache.bdstatic.com/static/mipmain-v1.0.0.js"></script>
</html>
MIP HTML ¹æ·¶ÖÐÓÐÁ½Àà±êÇ©£¬Ò»ÀàÊÇHTMLͨÀý±êÇ©£¬ÁíÒ»ÀàÊÇMIP±êÇ©¡£MIP±êǩҲ±»³Æ×÷ MIP HTML ×é¼þ£¬Ê¹ÓÃËüÃÇÀ´Ìæ´úHTMLͨÀý±êÇ©¿ÉÒÔ´ó·ùÌáÉýÒ³ÃæÐÔÄÜ¡£
ÀýÈ磬mip-img
±êÇ©£¬ËüʹµÃͼƬֻÔÚÐèҪʱ²Å½øÐмÓÔØ£¬ÌÔÌÁËÒ³ÃæäÖȾʱ¼ä£¬½ÚÊ¡ÁËÓû§µÄÁ÷Á¿¡£
2. MIP JS
MIP JS ÓÃÓÚÖÎÀí×ÊÔ´µÄ¼ÓÔØ£¬²¢Ö§³ÖÉÏÊöMIP±êÇ©µÄʹÓ㬴ӶøÈ·±£Ò³ÃæµÄ¿ìËÙäÖȾ£¬Ìá¸ßÒ³Ãæ¸÷·½ÃæµÄÐÔÄÜ¡£
MIP JS ×îÏÔÖøµÄÓÅÊÆÊÇÄܹ»Òì²½¼ÓÔØËùÓÐÍⲿ×ÊÔ´£¬Õû¸öÒ³ÃæäÖȾÀú³Ì²»»á±»Ò³ÃæÖеÄÄ³Ð©ÔªËØ×èÈû£¬´Ó¶øÊµÏÖÒ³ÃæäÖȾËٶȵÄÌáÉý¡£
´ËÍ⣬MIP JS »¹º¸ÇÁËËùÓÐiframeµÄɳºÐ¡¢ÓÚ×ÊÔ´¼ÓÔØÇ°ÌáǰÅÌËãÒ³ÃæÔªËØ½á¹¹¡¢½ûÓûºÂýcssÑ¡ÔñÆ÷µÈ¼¼ÊõÐÔÄÜ¡£
3. MIP Cache
MIP Cache ÊÇͨ¹ý CDN(Content Delivery Network) ·þÎñÆ÷»º´æmipÒ³ÃæµÄ¡£Óû§ÔÚ»á¼û MIP Ò³ÃæµÄʱºò£¬ÇëÇóÊ×ÏȻᷢµ½ CDN ·þÎñÆ÷£¬Èç¹ûÒ³Ãæ´æÔÚ£¬Ôò´Ó CDN ·µ»Ø£¬Èç¹û CDN Éϲ»´æÔÚ£¬Ôò»áÇëÇóµÚÈý·½·þÎñÆ÷¡£Í¬Ê± MIP Cache ·þÎñÆ÷»áÖ÷ÇøÒ³Ãæ»º´æµ½ CDN ÉÏ¡£ÔÚʹÓà MIP Cache ʱ£¬MIP Ò³ÃæËùÐèÒªµÄËùÓо²Ì¬ÎļþºÍÍⲿ×ÊÔ´¶¼Êб»»º´æµ½ CDN ÉÏ£¬¶øÇÒÒ³ÃæÖеÄ×ÊÔ´Á´½Ó»á±»×ª»»³ÉÏà¶ÔµØÖ·£¬ºÜºéÁ÷ƽÉÏÌáÉýÁËÒ³ÃæäÖȾËÙ¶È¡£Ã¿Ò»¸ö MIP Ò³Ãæ¶¼Êаó¶¨Ò»¸öÑé֤ϵͳ£¬ÔÚÒ³Ãæ½øÐÐäÖȾʱ£¬ÕâÖÖÑéÖ¤Æ÷¿ÉÒÔÖ±½ÓÔÚä¯ÀÀÆ÷¿ØÖÆÌ¨ÖÐÊä³öÒ³ÃæµÄ´íÎó£»¶øÇÒËæ×Å´úÂëÂß¼µÄ±ä»¯£¬Äܹ»Õ¹Ê¾Æä¶ÔÒ³ÃæÐÔÄÜÒÔ¼°Óû§ÌåÑéµÄÓ°Ïì¡£
MIPÐÂÊÖÖ¸Òý
ƾ¾ÝÏÂÃæµÄ²½Ö裬Äã¿ÉÒÔ¿ìËÙ½¨ÉèÒ»¸ö»ù±¾µÄMIPHTMLÒ³Ãæ£»Í¨¹ý½øÒ»²½Á˽âMIPHTML¹æ·¶¡¢¶ÔMIPHTMLÒ³Ãæ½øÐн׶ÎÐÔµÄÑéÖ¤µÈÄÚÈÝ£¬Äã¿ÉÒÔÇáËÉ¿ª·¢³öÀíÏëµÄMIPÒ³Ãæ¡£
»ù±¾²½Öè°üÂÞ£º
½¨Éè»ù´¡MIPHTMLÒ³Ãæ
ÒýÈëͼƬ
µ÷ÕûÑùʽºÍ½á¹¹
Ô¤ÀÀºÍÑéÖ¤
×îºóÒ»²½
1.½¨Éè»ù´¡MIPHTMLÒ³Ãæ
ÏÂÃæÕâ¶Î´úÂëÊÇÒ»¸ö»ù´¡µÄMIPHTMLµÄdemo¡£½«Ëü¸´ÖƵ½htmlÎļþÖУ¬²¢Æ¾¾Ý¹æ·¶Ìí¼ÓÄãÏëÒªµÄÔªËØ¡£
ÐèҪעÒâ£¬Ò³ÃæÖбØÐë¼ÓÔØcssÎļþhttps://mipcache.bdstatic.com/static/mipmain-v0.0.1.cssºÍjsÎļþhttps://mipcache.bdstatic.com/static/mipmain-v1.0.0.js£¬v0.0.1Êǰ汾ºÅ£¬°æ±¾ºÅ»áƾ¾Ý¹¦Ð§µÄÉý¼¶¶ø²îÒ죬¿ª·¢ÖпÉÒÔÆ¾¾ÝÎĵµÖеÄ˵Ã÷½øÐмÓÔØ¡£
<!DOCTYPEhtml>
<htmlmip>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=gbk"/>
<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">
<title>ÎÄÕ´ó±êÌâ</title>
<linkrel="stylesheet"type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css">
</head>
<body>
<h1>½Ó´ýʹÓÃMIP£¬ÕâÊÇÄãµÄµÚÒ»¸öMIPÒ³Ãæ£¡</h1>
</body>
<scriptsrc="https://mipcache.bdstatic.com/static/mipmain-v1.0.0.js"></script>
</html>
MIPHTMLÖеıêÇ©¹æ·¶Çë²Î¿¼MIPHTML¹æ·¶¡£
2.ÒýÈëͼƬ
ÓÃMIPHTMLÖеÄ×é¼þ<mip-img>È¡´úHTMLÔÉúµÄ<img>±êÇ©£¬¾ßÌåʹÓÃÒªÁì¿É²Î¿¼mip-imgͼƬ×é¼þ¡£
3.¸Ä±äÒ³ÃæµÄÑùʽ
ʹÓÃMIPHTMLʱ£¬Äã¿ÉÒÔ×Ô½çËµÒ³ÃæÑùʽ£¬¾ßÌåÒªÁìÈçÏ£º
1£©¸Ä±äÑùʽ
MIPHTMLÊÇwebÒ³Ãæ£¬Ò³ÃæÖÐÈκÎÔªËØµÄÑùʽ¶¼¿ÉÒÔͨ¹ýÆÕͨµÄcssÊôÐÔÀ´Éè¼Æ¡£Ê¹ÓÃʱ£¬ÔÚÒ³ÃæµÄhead²¿ÃÅÒýÈëcssÑùʽ£¬ÔÚcssÖУ¬¿ÉÒÔͨ¹ýÀà»òÕßÔªËØÑ¡ÔñÆ÷½øÐÐÑ¡ÔñÒªÐÞ¸ÄÑùʽµÄdomÔªËØ¡£ÀýÈ磺
<stylemip-custom>
/*anycustomstylegoeshere*/
body{
background-color:white;
}
mip-img{
background-color:gray;
border:1pxsolidblack;
}
</style>
ÐèҪעÒ⣬ÿ¸öMIPHTMLÒ³ÃæÖ»ÔÊÐíÓÐÒ»¸öǶÈëcssÑùʽ£¬ÇÒ<style>±êÇ©ÐèÒª±êÖ¾×Ô½ç˵Ñùʽ£¬¼´Ð´³É<stylemip-custo>¡£
2)¿Ø¼þµÄ½á¹¹
³öÓÚ¶ÔÐÔÄܵĿ¼ÂÇ£¬MIPÒ³ÃæÔÝʱ²»Ö§³ÖµÚÈý·½Í¨¹ýcssÀ´ÔªËؽøÐнṹ¡£
4.Ô¤ÀÀºÍÑéÖ¤
ÔÚÒ³Ãæ¿ª·¢µÄÀú³ÌÖÐÄãÐèÒªÑϸñ×¢ÒâУÑ鹿Ôò¡£ÕâÑù²ÅÆøÈ·±£Ëù¿ª·¢µÄMIPÒ³ÃæÊÇÒ»¸öÓÐÐ§Ò³Ãæ¡£
¿ª·¢Íê³Éºó£¬Äã¿ÉÒÔÑ¡ÔñÈçÏ·½Ê½£¬ÏñÔ¤ÀÀÆÕͨHTMLÕ¾µãÒ»ÑùÔ¤ÀÀMIPHTMLÒ³Ãæ£º
Ö±½ÓÔÚä¯ÀÀÆ÷Öдò¿ª£¨ÓÉÓÚXMLHttpRequestsʧ°Ü¿ÉÄܻᵼÖÂÄ³Ð©ÔªËØÔ¤ÀÀʧ°Ü£©
ÔÚµ±µØ²¿ÊðÒ»¸ö·þÎñ£¬Èçapache£¬nginxµÈ
ÔÚ¿ª·¢Àú³ ©Ï¸½ÚÐÔ´íÎó£¬Äã¿ÉÒÔ°´Èçϲ½Öè½øÐÐÑéÖ¤MIPÒ³ÃæÊÇ·ñ¼°¸ñ£º
1£©ÔÚä¯ÀÀÆ÷Öдò¿ªÒ³Ãæ
2£©´ò¿ª¿ØÖÆÌ¨£¬ÑéÖ¤´íÎó
5.×îºóÒ»²½
¹§Ï²Ä㣡µ½´ïÕâÒ»²½½²Ã÷ÄãÒѾÍê³ÉÁËÒ³ÃæµÄµ±µØ²âÊÔ£¬²¢ÐÞ¸´ÁËËùÓÐÑéÖ¤´íÎó£¬ÄãµÄµÚÒ»¸öMIPÒ³ÃæÒѾ׼±¸ºÃÁË¡£
Äã¿ÉÒÔͨ¹ýÔĶÁ±¾½Ì³ÌµÄÆäËûÄÚÈÝ£¬Á˽âMIPµÄÊÂÇéÔÀíÒÔ¼°ÏêϸµÄ×é¼þ˵Ã÷£¬ËüÃǽ«×ÊÖúÄ㽨Éè³öÍêÃÀµÄMIPÒ³Ãæ¡£
Èç¹ûÄãÏëÈÃËÑË÷ÒýÇæ¼ìË÷µ½ÄãµÄMIPÒ³Ãæ£¬Çë²Î¿¼½Ì³ÌÈÃËÑË÷·¢ÏÖÄãµÄÒ³Ãæ¡£
