为您的网站添加MySSL安全认证签章

tianzi

91
文章

1
评论

January 28, 202007:36:19 评论 5720字阅读19分4秒

From:MySSL https://blog.myssl.com/myssl-seal/

在这个充满敌意的互联网，我们对您的网站进行动态安全评估，若您精心部署的HTTPS符合最佳安全实践，我们将会为您的客户展示MySSL检测通过的安全签章和高评分的评级报告，提高客户对您网站的信任和支付信心，进而增加订单量，提升品牌价值。

经过小伙伴儿们的努力，MySSL.com自上线以来受到了诸多好评：），我们了解到有一些网站为了大家能够安心浏览网页，在页面的页脚添加了一个SSL安全认证的小图标，点击可以直接查看他们网站的安全评估报告，非常方便。如果你的网站部署了HTTPS，而且想要给你的网站也添加上MySSL的安全认证标志，那么你可以参阅这篇教程。

我们设计了四款MySSL页面底部的签章样式，一款是在一直悬浮在页面右下脚，其他三款是在页面的底部。您可以结合您的喜好和网站的风格添加您中意的签章样式。

您只需要将代码添加在您网站的html页面的 body 标签中任意位置（建议添加在header或者footer位置），那么在你的网站上就会出现如图中效果展示一样的签章了。不过请注意：为了方便我们将样式用行内的形式写在了最外层的标签div中，您可以灵活的对该样式进行调整，该样式如果在移动端上显示的效果欠佳的话，您也可以将样式分离出来，并用css的@media进行调整。

样式一：

<div id="cc-myssl-id">
      <a rel="external nofollow" target="_blank" href="https://www.tianziweb.net/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9teXNzbC5jb20v5oKo55qE5Z+f5ZCNP2Zyb209bXlzc2xpZA=="><img src="https://static.myssl.com/res/images/myssl-id3.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>

移动端和PC端显示效果：

样式二：

<div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 65px;height: 65px;z-index: 99;">
    <a rel="external nofollow" target="_blank" href="https://www.tianziweb.net/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9teXNzbC5jb20v5oKo55qE5Z+f5ZCNP2Zyb209bXlzc2xpZA=="><img src="https://static.myssl.com/res/images/myssl-id.png" alt="" style="width:100%;height:100%"></a>
</div>

移动端和PC端显示效果：

样式三：

<div id="cc-myssl-id">
      <a rel="external nofollow" target="_blank" href="https://www.tianziweb.net/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9teXNzbC5jb20v5oKo55qE5Z+f5ZCNP2Zyb209bXlzc2xpZA=="><img src="https://static.myssl.com/res/images/myssl-id1.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>

移动端和PC端显示效果：

样式四：

<div id="cc-myssl-id">
      <a rel="external nofollow" target="_blank" href="https://www.tianziweb.net/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9teXNzbC5jb20v5oKo55qE5Z+f5ZCNP2Zyb209bXlzc2xpZA=="><img src="https://static.myssl.com/res/images/myssl-id2.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>

移动端和PC端显示效果：

在使用过程中有任何疑问和建议，欢迎联系我们，可以直接发邮件到 support@myssl.com 或者在新浪微博上 @MySSL_com

目前，MySSL更新了签证证书样式，在导航栏--工具箱--辅助工具_MySSL安全签章（https://myssl.com/create_seal.html）中可以直接获取

签章品牌：MySSL

签章大小：小型签章（100×54像素）

签章格式：PNG

您的域名：

图示：

签章脚本：

<div title="MySSL 安全签章" id="myssl_seal" onclick="window.open('https://myssl.com/seal/detail?domain=您的域名','MySSL安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.myssl.com/seal/img/1x/seal.png?domain=您的域名" alt="MySSL 安全签章" style="width: 100px; height: auto; cursor: pointer"></div>

签章品牌：MySSL

签章大小：大型签章（130×69像素）

签章格式：PNG

您的域名：

图示：

签章脚本：

<div title="MySSL 安全签章" id="myssl_seal" onclick="window.open('https://myssl.com/seal/detail?domain=您的域名','MySSL安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.myssl.com/seal/img/2x/seal.png?domain=您的域名" alt="MySSL 安全签章" style="width: 130px; height: auto; cursor: pointer"></div>

签章品牌：MySSL

签章大小：小型签章（100×54像素）

签章格式：SVG

您的域名：

图示：

签章脚本：

<div title="MySSL 安全签章" id="myssl_seal" onclick="window.open('https://myssl.com/seal/detail?domain=您的域名','MySSL安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.myssl.com/seal/img/1x/seal.svg?domain=您的域名" alt="MySSL 安全签章" style="width: 100px; height: auto; cursor: pointer"></div>

签章品牌：MySSL

签章大小：大型签章（130×69像素）

签章格式：SVG

您的域名：

图示：

签章脚本：

<div title="MySSL 安全签章" id="myssl_seal" onclick="window.open('https://myssl.com/seal/detail?domain=您的域名','MySSL安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.myssl.com/seal/img/2x/seal.svg?domain=您的域名" alt="MySSL 安全签章" style="width: 130px; height: auto; cursor: pointer"></div>

签章品牌：AsiaTrust

签章大小：小型签章（130×40像素）

签章格式：PNG

您的域名：

图示：

签章脚本：

<div title="TrustAsia 安全签章" id="myssl_seal" onclick="window.open('https://seal.trustasia.com/seal/detail?domain=您的域名','TrustAsia 安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.trustasia.com/seal/img/1x/seal.png?domain=您的域名" alt="TrustAsia 安全签章" style="width: 130px;height: auto; cursor: pointer"></div>

签章品牌：AsiaTrust

签章大小：大型签章（150×45像素）

签章格式：PNG

您的域名：

图示：

签章脚本：

<div title="TrustAsia 安全签章" id="myssl_seal" onclick="window.open('https://seal.trustasia.com/seal/detail?domain=您的域名','TrustAsia 安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.trustasia.com/seal/img/2x/seal.png?domain=您的域名" alt="TrustAsia 安全签章" style="width: 150px;height: auto; cursor: pointer"></div>

签章品牌：AsiaTrust

签章大小：小型签章（130×40像素）

签章格式：SVG

您的域名：

图示：

签章脚本：

<div title="TrustAsia 安全签章" id="myssl_seal" onclick="window.open('https://seal.trustasia.com/seal/detail?domain=您的域名','TrustAsia 安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.trustasia.com/seal/img/1x/seal.svg?domain=您的域名" alt="TrustAsia 安全签章" style="width: 130px;height: auto; cursor: pointer"></div>

签章品牌：AsiaTrust

签章大小：大型签章（150×45像素）

签章格式：SVG

您的域名：

图示：

签章脚本：

<div title="TrustAsia 安全签章" id="myssl_seal" onclick="window.open('https://seal.trustasia.com/seal/detail?domain=您的域名','TrustAsia 安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.trustasia.com/seal/img/2x/seal.svg?domain=您的域名" alt="TrustAsia 安全签章" style="width: 150px;height: auto; cursor: pointer"></div>

继续阅读

分页阅读 1