专注SEO、SEM、百度排名、快速提升权重、关键字优化、网络推广,seo莫然可以分享移动手机端SEO知识!免费提供网站优化诊断。 
 莫然博客是山东省最主流,最具人气的莫然seo博客频道。专注SEO、SEM、百度排名、快速提升权重、关键字优化、网络推广,seo莫然可以分享移动手机端SEO知识!免费提供网站优化诊断。

完整 DEMO-seo网站优化

作者:seo , 分类:seo实战技术 , 浏览:5472 , 评论:0

  <!DOCTYPEhtml>


  <htmlmip>


  <head>


  <metacharset="UTF-8">


  <metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">


  <linkrel="stylesheet"type="text/css"href="https://c.mipcdn.com/static/v1/mip.css">


  <!--TODO:canonicalhref需要替换成原页面url-->


  <linkrel="canonical"href="https://www.example.com/your/path.html">


  <title>MIP页Demo效果</title>


  <!--TODO:替换样式-->


  <stylemip-custom>


  body{margin:10px;}


  .red-text{color:#f00;}


  .middle-text{text-align:center;font-size:20px;}


  hr{margin:20px0;}


  a{border:1pxsolid#ddd;padding:10px;display:block;}


  </style>


  <!--noscript标签是为了在不支持script的环境下快速的展现MIP页面,推荐使用-->


  <noscript>


  <stylemip-officialrelease>


  body{


  -webkit-animation:none;


  -moz-animation:none;


  -ms-animation:none;


  animation:none;


  }


  </style>


  </noscript>


  </head>


  <body>


  <!--自定义样式-->


  <pclass="middle-text">增加样式</p>


  <pclass="red-text">MIP页支持修改css样式</p>


  <hr>


  <!--跳转链接,落地页同为MIP-->


  <pclass="middle-text">mip跳转链接</p>


  <adata-type="mip"data-title="目标页面标题"href="https://www.mipengine.org/doc/00-mip-101.html">跳转到MIP新手指南(MIP)</a>


  <!--跳转链接,落地页不是MIP-->


  <atarget="_blank"href="https://github.com/mipengine">跳转到GitHub(非MIP)</a>


  <hr>


  <!--图片组件-->


  <pclass="middle-text">mip-img图片组件</p>


  <mip-imglayout="fixed"width="200"height="130"src="https://www.mipengine.org/static/img/mip_logo_3b722d7.png"alt="MIPLOGO"></mip-img>


  <hr>


  <!--分享组件,外链mip-share.js-->


  <pclass="middle-text">mip-share分享组件</p>


  <mip-sharetitle="分享:我的第一个MIP页面"></mip-share>


  <hr>


  <!--百度统计组件,外链mip-stats-baidu.jsTODO:修改token值-->


  <pclass="middle-text">mip-stats-baidu百度统计组件,代码可见</p>


  <mip-stats-baidutoken="4e397f684261b9e4ff9d8"></mip-stats-baidu>


  <!--mip运行环境-->


  <scriptsrc="https://c.mipcdn.com/static/v1/mip.js"></script>


  <!--分享组件代码-->


  <scriptsrc="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script>


  <!--百度统计组件代码-->


  <scriptsrc="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>


  </body>


  </html>


莫然博客是山东省最主流,最具人气的莫然seo博客频道。专注SEO、SEM、百度排名、快速提升权重、关键字优化、网络推广,seo莫然可以分享移动手机端SEO知识!免费提供网站优化诊断。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

额 本文暂时没人评论 来添加一个吧
SEO_山东SEO_网站优化_网络推广