<!DOCTYPE html>
<html>
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>引擎力 Google优化 接单评估系统
</title>
</head>
<style>
.hynd-boxs .t-boxs .span{
width: 100%;
text-align: center;
color: #fff;
font-size: 14px;
white-space: nowrap;
text-indent: -6px;
margin-top: 10px;
}
.cnc-boxs .cnc-lists span{
font-size: 18px;
line-height: inherit;
color: inherit;
position: relative;
left: -2px;
}
.back_top {
display: none;
width: 50px;
height: 50px;
border-radius: 100%;
text-align: center;
justify-content: center;
align-items: center;
background: #fff;
opacity: 0.8;
position: fixed;
right: 10px;
bottom: 20px;
cursor: pointer;
z-index: 999999;
}
.back_top img {
max-width: 60%;
}
.back_top:hover {
opacity: 1;
}
.back_top.active {
display: flex;
}
.sep-body .text-boxs.he468 {
min-height: 404px;
}
.sep-jdt-ul-boxs .jdt-boxs .j-lists.ons:after {
right: auto;
left: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.bold {
font-weight: bold;
}
.sep-container {
width: 100%;
max-width: 1660px;
margin: auto;
}
.sep-header{
width: 100%;
background: #2f4962;
padding: 26px 36px;
}
.sep-header .sep-container{
max-width: 1860px;
background: #fff;
}
.sep-header .logo-lefts{
width: 54%;
padding: 66px 90px;
align-content: space-between;
display: flex;
flex-wrap: wrap;
}
.sep-header .logo-rights{
width: 46%;
border-left: 4px solid #2f4962;
}
.thumbs img {
max-width: 100%;
}
.sep-header .titles-a{
font-size: 92px;
color: #080808;
line-height: 1.2;
}
.sep-header .titles-a span{
display: inline-block;
vertical-align: text-top;
padding: 6px 20px;
line-height: 20px;
background: #f0572a;
color: #fff;
font-size: 18px;
border-radius: 4px;
position: relative;
top: 30px;
}
.logo-titles-boxs{
width: 100%;
}
.logo-bottom{
font-size: 24px;
color: #080808;
line-height: 40px;
}
.logo-right-bottom{
width: 100%;
justify-content: center;
align-items: center;
padding: 20px;
position: relative;
}
.logo-right-bottom .richtext{
width: 100%;
max-width: 690px;
font-size: 18px;
line-height: 32px;
color: #080808;
}
.b-bgs-texts {
width: auto;
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
font-size: 60px;
height: 50px;
line-height: 1;
opacity: 0.1;
color: #f0572a;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 4px;
}
.sep-body {
width: 100%;
padding: 40px 0 120px;
background: #f1f0f5;
}
.sep-body .sep-container {
margin-bottom: 30px;
}
.sep-body .sep-container:last-child {
margin-bottom: 0;
}
.sep-body .p-boxs {
margin: 0 -16px;
/* padding: 0 16px; */
}
.sep-body .p-boxs.ons {
margin: 0 -8px;
/* padding: 0 8px; */
}
.sep-body .p-boxs.ons .p-lists {
padding: 0 8px;
}
.sep-body .p-lists {
width: 100%;
padding: 0 16px;
}
.sep-body .p-lists.on50 {
width: 50%;
}
.sep-body .p-lists.on33 {
width: 28.5%;
}
.sep-body .p-lists.on66 {
width: 71.5%;
}
.sep-body .p-lists.on60 {
width: 60%;
}
.sep-body .p-lists.on40 {
width: 40%;
}
.sep-body .p-lists.on19 {
width: 19%;
}
.sep-body .p-lists.on31 {
width: 31%;
}
.sep-body .p-lists.on39 {
width: 39.2%;
}
.sep-body .p-lists.on61 {
width: 60.8%;
}
.cnc-boxs {
width: 100%;
background: #2f4962;
border-radius: 10px;
padding: 20px 20px 100px 40px;
align-items: center;
justify-content: center;
height: 576px;
}
.cnc-boxs .t-boxs {
width: 100%;
max-width: 344px;
}
.cnc-boxs .i-imgs {
margin-bottom: 16px;
}
.cnc-boxs .titles-a {
color: #fff;
font-size: 50px;
line-height: 1.2;
}
.cnc-boxs .spans {
color: #fff;
font-size: 42px;
line-height: 1.2;
margin-top: 20px;
}
.cnc-boxs .cnc-lists-boxs {
width: 100%;
margin-top: 36px;
max-width: 342px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
padding-top: 40px;
}
.cnc-boxs .cnc-lists {
font-size: 24px;
line-height: 30px;
padding: 7px 0;
color: #fff;
}
.titles {
width: 100%;
padding-left: 22px;
position: relative;
font-size: 26px;
line-height: 1;
color: #3b3b3b;
margin-bottom: 16px;
}
.titles:before {
content: '';
display: block;
width: 5px;
height: 18px;
position: absolute;
left: 0;
top: 4px;
background: #f0572a;
}
.sep-body .text-boxs {
min-width: 100%;
border-radius: 10px;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
background: #fff;
padding: 40px 50px;
}
.sep-body .text-boxs.no-bgs {
padding: 0;
}
.sep-body .text-boxs.no-bgs1 {
background: none;
box-shadow: none;
}
.sep-body .text-boxs .m-boxs {
min-width: 100%;
padding: 72px 0;
align-items: center;
}
.sep-body .text-boxs .m-boxs .lists {
width: 50%;
padding: 0 66px;
}
.sep-zt-ul-boxs {
width: 100%;
}
.sep-zt-ul-boxs .zt-lists {
width: 100%;
font-size: 22px;
color: #232323;
line-height: 32px;
padding: 16px 42px 16px 8px;
position: relative;
border-bottom: 1px solid #e6e6e6;
align-items: center;
}
.sep-zt-ul-boxs .zt-lists:last-child {
border-bottom: none;
}
.sep-zt-ul-boxs .zt-lists .nums {
width: 24px;
height: 24px;
background: #dddce1;
min-width: 24px;
text-align: center;
line-height: 24px;
display: inline-block;
font-size: 14px;
color: inherit;
margin-right: 22px;
border-radius: 100%;
}
.sep-zt-ul-boxs .zt-lists .span {
font-size: inherit;
color: inherit;
line-height: inherit;
margin-left: auto;
}
.sep-jdt-ul-boxs {
}
.sep-jdt-ul-boxs .jdt-lists {
width: 100%;
flex-wrap: nowrap;
align-items: center;
font-size: 24px;
color: #232323;
line-height: 32px;
}
.sep-jdt-ul-boxs .jdt-lists + .jdt-lists {
margin-top: 44px;
}
.sep-jdt-ul-boxs .nums {
min-width: 24px;
height: 30px;
position: relative;
line-height: 30px;
margin-right: 18px;
}
.sep-jdt-ul-boxs .nums .imgs {
width: 100%;
height: 100px;
position: absolute;
left: 0;
top: 0;
z-index: 3;
text-align: center;
line-height: inherit;
}
.sep-jdt-ul-boxs .nums .n-titles {
font-size: 14px;
color: #fff;
text-align: center;
line-height: inherit;
position: relative;
z-index: 10;
}
.sep-jdt-ul-boxs .span {
margin-left: auto;
min-width: 80px;
text-align: right;
font-size: inherit;
color: inherit;
line-height: inherit;
}
.sep-jdt-ul-boxs .n-china {
font-size: inherit;
color: inherit;
line-height: inherit;
min-width: 125px;
}
.sep-jdt-ul-boxs .jdt-boxs {
width: 100%;
height: 20px;
border-radius: 10px;
background: #efeded;
position: relative;
}
.sep-jdt-ul-boxs .jdt-boxs .j-lists {
width: 100%;
background: linear-gradient(to right, #d2ebfd 0%, #6994c7 100%);
height: 20px;
position: absolute;
left: 0;
top: 0;
border-radius: 10px;
}
.sep-jdt-ul-boxs .jdt-boxs .j-lists:after {
content: '';
display: block;
width: 28px;
height: 28px;
border-radius: 100%;
position: absolute;
right: 0;
top: 50%;
margin-top: -14px;
background: #fff;
border: 2px solid #4f84c3;
}
.ht-text-lists-boxs {
min-width: 100%;
margin: 0 -8px;
}
.ht-text-lists-boxs .ht-text-lists {
width: 50%;
padding: 0 8px;
}
.ht-text-lists-boxs.ons1 .ht-text-lists {
width: 33.33333%;
}
.ht-text-boxs {
width: 100%;
overflow: hidden;
border-radius: 10px;
background: #fff;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
margin-bottom: 24px;
}
.ht-text-boxs .ht-text-titles {
text-align: center;
font-size: 24px;
color: #1d1d1d;
line-height: 30px;
padding: 13px 10px;
background: #f2f9fe;
}
.ht-text-boxs .ht-t-lists {
width: 100%;
justify-content: center;
align-items: center;
height: 120px;
font-size: 60px;
color: #3b3b3b;
}
.ht-text-boxs .ht-t-lists .i-imgs {
width: 70px;
height: 70px;
border-radius: 100%;
justify-content: center;
align-items: center;
background: #f2f9fe;
margin: 0 auto 12px;
}
.ht-text-boxs .ht-t-lists span {
display: block;
font-size: inherit;
color: inherit;
line-height: inherit;
font-weight: inherit;
width: 100%;
text-align: center;
}
.ht-text-boxs .ht-t-lists .i-imgs img {
max-width: 100%;
}
.ht-text-boxs.ons .ht-t-lists {
height: 220px;
}
.ht-text-boxs.ons1 .ht-t-lists {
height: 266px;
}
/* .sep-body .text-boxs .ht-text-boxs:last-child{
margin-bottom: 0;
} */
@media screen and (max-width: 1680px) {
.sep-container {
padding-left: 20px;
padding-right: 20px;
}
.ht-text-boxs .ht-t-lists {
font-size: 48px;
}
}
@media screen and (max-width: 1460px) {
.sep-header .titles-a {
font-size: 72px;
}
.cnc-boxs .titles-a {
font-size: 36px;
}
.cnc-boxs .spans {
font-size: 32px;
}
}
@media screen and (max-width: 1280px) {
.sep-header {
padding: 30px 20px;
}
}
@media screen and (max-width: 1200px) {
.logo-titles-boxs {
margin: 80px 0;
}
.sep-header .logo-lefts {
padding: 0 40px;
}
.sep-header .titles-a {
font-size: 54px;
}
.cnc-boxs {
padding-left: 20px;
}
.ht-text-boxs .ht-text-titles {
font-size: 20px;
white-space: nowrap;
}
.ht-text-boxs .ht-t-lists {
font-size: 36px;
}
}
@media screen and (max-width: 812px) {
.sep-header .logo-lefts {
width: 100%;
padding: 30px 20px;
}
.sep-header .logo-rights {
width: 100%;
border-left: none;
border-top: 3px solid #fd7c19;
}
.logo-titles-boxs {
margin: 30px 0;
}
.sep-body .p-lists.on33 {
width: 100%;
}
.sep-body .p-lists.on66 {
width: 100%;
}
.sep-body .p-lists.on50 {
width: 100%;
}
.sep-body .text-boxs .m-boxs .lists {
width: 100%;
}
.sep-body .p-lists + .p-lists {
margin-top: 30px;
}
.cnc-boxs {
padding: 30px 20px;
}
.cnc-boxs .titles-a {
font-size: 30px;
}
.cnc-boxs .spans {
font-size: 24px;
}
.sep-body .text-boxs {
padding: 30px 20px;
}
.sep-body .text-boxs .m-boxs {
padding: 30px 0;
}
.sep-body .text-boxs .m-boxs .lists {
padding: 0 20px;
}
.sep-body .text-boxs .m-boxs .lists + .lists {
margin-top: 30px;
}
.sep-header .titles-a {
font-size: 50px;
}
.sep-header .titles-a span {
top: 16px;
}
.sep-body .p-lists.on60 {
width: 100%;
}
.sep-body .p-lists.on40 {
width: 100%;
}
.sep-body .p-lists.on39 {
width: 100%;
}
.sep-body .p-lists.on61 {
width: 100%;
}
}
@media screen and (max-width: 667px) {
.sep-header .titles-a {
font-size: 36px;
}
.sep-header .titles-a span {
font-size: 16px;
top: 6px;
padding: 2px 8px;
}
.logo-bottom {
font-size: 20px;
line-height: 32px;
}
.logo-right-bottom .richtext {
font-size: 16px;
}
.sep-body {
padding: 50px 0;
}
.titles {
font-size: 24px;
}
.sep-zt-ul-boxs .zt-lists {
font-size: 16px;
padding-right: 8px;
}
.sep-jdt-ul-boxs .jdt-lists {
font-size: 16px;
}
.sep-jdt-ul-boxs .n-china {
min-width: 80px;
}
.sep-jdt-ul-boxs .nums {
margin-right: 8px;
}
.sep-jdt-ul-boxs .span {
min-width: 48px;
}
.ht-text-lists-boxs .ht-text-lists {
width: 100%;
}
.cnc-boxs {
height: auto;
}
.cnc-boxs .cnc-lists-boxs {
margin-top: 30px;
padding-top: 30px;
}
.ht-text-lists-boxs.ons1 .ht-text-lists {
width: 100%;
}
.ht-text-boxs.ons .ht-t-lists {
height: 120px;
}
.ht-text-boxs.ons1 .ht-t-lists {
height: 200px;
}
}
.sep-container1 {
width: 100%;
max-width: 1664px;
margin: auto;
}
.hxc-header-boxs {
width: 100%;
}
.hxc-header-boxs .titles-a {
font-size: 62px;
line-height: 1.32;
color: #fff;
width: 100%;
text-align: center;
}
.sep-hxc-body {
width: 100%;
padding: 40px 0 40px;
background: url({{asset('img/order-evaluation/particle-size-analyzer.jpg')}}) no-repeat center center;
background-size: cover;
}
.sep-hxc-body .sep-container1 {
margin-bottom: 50px;
}
.sep-hxc-body .sep-container1:last-child {
margin-bottom: 0;
}
.sep-hxc-body .p-boxs {
margin: 0 -14px;
}
.p-p-boxs {
min-width: 100%;
margin: 0 -14px;
}
.p-p-lists {
width: 100%;
padding: 0 14px;
}
.p-p-lists.ons {
width: 50%;
}
.p-p-lists.ons40 {
width: 41.4%;
}
.p-p-lists.ons60 {
width: 58.6%;
}
.sep-hxc-body .p-lists {
width: 100%;
padding: 0 14px;
}
.sep-hxc-body .p-lists.on50 {
width: 50%;
}
.sep-hxc-body .p-lists.on33 {
width: 28.5%;
}
.sep-hxc-body .p-lists.on66 {
width: 71.5%;
}
.sep-hxc-body .p-lists.on60 {
width: 57.5%;
}
.sep-hxc-body .p-lists.on40 {
width: 42.5%;
}
.sep-hxc-body .p-lists.on19 {
width: 19%;
}
.sep-hxc-body .p-lists.on31 {
width: 31%;
}
.sep-hxc-body .p-lists.on39 {
width: 39.2%;
}
.sep-hxc-body .p-lists.on61 {
width: 60.8%;
}
.hxc-titles {
width: 100%;
position: relative;
font-size: 32px;
line-height: 1;
color: #f7653a;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.hxc-titles:before {
content: '';
display: block;
width: 32px;
height: 3px;
position: absolute;
left: 0;
bottom: -2px;
background: #f7653a;
}
.sep-hxc-body .text-boxs {
width: 100%;
background: #ffffff;
padding: 48px 38px;
position: relative;
}
.sep-hxc-body .text-boxs.ons1 {
height: 553px;
}
.sep-hxc-body .text-boxs.ons2 {
height: 360px;
}
.sep-hxc-body .text-boxs + .text-boxs {
padding: 40px 38px;
margin-top: 30px;
}
.sep-hxc-body .text-boxs .titles-a {
font-size: 24px;
color: #f0572a;
line-height: 30px;
padding-left: 42px;
background: url({{asset('img/order-evaluation/t-img.png')}}) no-repeat left 0 top 10px;
}
.sep-hxc-body .text-boxs .nums {
font-size: 58px;
line-height: 1;
color: rgba(240, 87, 42, 0.2);
font-style: italic;
position: absolute;
right: 14px;
top: 14px;
padding-top: 24px;
padding-right: 24px;
}
img {
max-width: 100%;
}
.sep-hxc-body .text-boxs .i-imgs {
position: absolute;
right: 0;
bottom: 0;
}
.sep-hxc-body .text-boxs .nums:after {
content: '';
display: block;
border: 10px solid transparent;
border-bottom-color: #f0572a;
transform: rotate(45deg);
border-top-width: 0;
position: absolute;
top: 0;
right: -6px;
}
.sep-hxc-body .text-boxs .titles-a.ons {
margin-top: 28px;
}
.richtext {
font-size: 18px;
line-height: 32px;
color: #1a1a1a;
}
.richtext.h-ons {
margin-top: 16px;
}
.richtext * {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.richtext strong {
font-weight: bold;
display: block;
}
.hynd-boxs {
width: 100%;
border: 1px solid #f7653a;
padding: 54px 56px;
padding-right: 270px;
background: #0f2742;
position: relative;
/* position: absolute;
left: 0;
top: 0; */
}
.hynd-boxs .titles-t {
font-size: 50px;
color: #f7653a;
line-height: 1.2;
margin-bottom: 16px;
}
.hynd-boxs .richtext {
color: #fff;
}
.hynd-boxs .p-down {
display: flex;
width: 218px;
justify-content: center;
height: 100%;
align-items: center;
background: #f7653a;
position: absolute;
right: 0;
top: 0;
padding: 0 25px;
}
.hynd-boxs .t-boxs {
width: 100%;
text-align: center;
}
.hynd-boxs .i-imgs {
width: 100%;
text-align: center;
background: #fff;
}
.hynd-boxs .i-imgs.ons {
padding: 11px;
}
.hynd-boxs .i-imgs img {
width: 100%;
}
.hynd-boxs .i-imgs img {
width: 100%;
}
.hynd-boxs .titles-a {
width: 100%;
text-align: center;
font-size: 24px;
line-height: 1.32;
color: #fff;
margin-top: 20px;
}
@media screen and (max-width: 1680px) {
.sep-container1 {
padding-left: 20px;
padding-right: 20px;
}
.sep-hxc-body .text-boxs.ons1 {
height: 586px;
}
}
@media screen and (max-width: 1460px) {
.sep-hxc-body .text-boxs.ons1 {
height: 618px;
}
}
@media screen and (max-width: 1366px) {
.sep-hxc-body .text-boxs.ons1 {
height: 648px;
}
}
@media screen and (max-width: 1280px) {
.sep-hxc-body .text-boxs.ons1 {
height: 648px;
}
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 812px) {
.sep-hxc-body .p-lists {
width: 100% !important;
}
.p-p-lists {
width: 100% !important;
}
.sep-hxc-body .text-boxs.ons1 {
height: auto;
}
.sep-hxc-body .p-lists + .p-lists {
margin-top: 30px;
}
.p-p-lists + .p-p-lists {
margin-top: 30px;
}
.sep-hxc-body .text-boxs.ons2 {
height: auto;
}
.sep-hxc-body {
padding: 120px 0;
}
}
@media screen and (max-width: 667px) {
.hxc-header-boxs .titles-a {
font-size: 28px;
}
.sep-hxc-body {
padding: 60px 0;
}
.hxc-titles {
font-size: 28px;
}
.sep-hxc-body .text-boxs .titles-a {
font-size: 22px;
}
.sep-hxc-body .text-boxs .nums {
font-size: 44px;
padding-top: 12px;
padding-right: 12px;
}
.hynd-boxs .titles-t {
font-size: 36px;
}
.hynd-boxs {
padding: 30px 20px 120px;
}
.hynd-boxs .p-down {
width: 100%;
height: 100px;
top: auto;
bottom: 0;
}
.hynd-boxs .titles-a {
margin-top: 10px;
}
}
</style>
<body>
<div class="sep-header">
<div class="sep-container flex">
<div class="logo-lefts">
<a href="/" class="logo">
<img src="{{asset('img/order-evaluation/logo.png')}}" title="" alt="">
</a>
<div class="logo-titles-boxs">
<div class="titles-a bold">
引擎力
<span>
Google优化
</span>
</div>
<div class="titles-a bold">
接单评估系统
</div>
</div>
<div class="logo-bottom">
引擎力团队出品
<br>
Google营销专家
</div>
</div>
<div class="logo-rights">
<div class="thumbs">
{{--<img src="{{asset('img/order-evaluation/logo-right-b.jpg')}}" title="" alt="">--}}
<img src="{{asset('img/order-evaluation/logo-right-b2.jpg')}}" title="" alt="">
</div>
<div class="logo-right-bottom flex">
<div class="richtext">
引擎力“三不接”标准：
<br>
1. 违法或者灰色产业不接（仿牌、游戏币、按摩等）
<br>
2. 自建站不接（shopify系统除外）
<br>
3. 不配合产品资料提供不接
</div>
<div class="b-bgs-texts bold">
YINQINGLI
</div>
</div>
</div>
</div>
</div>
<div class="sep-body">
<div class="sep-container">
<div class="p-boxs ons flex">
<div class="p-lists on60 flex">
<div class="titles">
行业竞争热度分析
</div>
<div class="text-boxs no-bgs no-bgs1">
<div class="ht-text-lists-boxs flex">
<div class="ht-text-lists">
<div class="ht-text-boxs">
<div class="ht-text-titles">
每月搜索量
</div>
<div class="ht-t-lists bold flex">
@php
echo number_format($keyWoldInfo->monthly_searches)??0;
@endphp
</div>
</div>
<div class="ht-text-boxs">
<div class="ht-text-titles">
搜索结果数
</div>
<div class="ht-t-lists bold flex">
@php
echo number_format($keyWoldInfo->mumber_of_search_results)??0;
@endphp
</div>
</div>
<div class="ht-text-boxs">
<div class="ht-text-titles">
竞争指数
</div>
<div class="ht-t-lists bold flex">
@php
echo number_format($keyWoldInfo->competition_index)??0;
@endphp
</div>
</div>
</div>
<div class="ht-text-lists">
<div class="cnc-boxs flex">
<div class="t-boxs">
<div class="i-imgs">
<img src="{{asset('img/order-evaluation/i-q-img.png')}}" title="" alt="">
</div>
<div class="titles-a bold">
{{$keyWoldInfo->keyword??''}}
</div>
<div class="spans">
行业分析报告
</div>
<div class="cnc-lists-boxs">
<div class="cnc-lists">
接单条件：{{$keyWoldInfo->order_conditions??''}}
</div>
<div class="cnc-lists">
行业难度：{{$keyWoldInfo->industry_difficulty??''}}
</div>
<div class="cnc-lists">
套餐建议：{{$keyWoldInfo->package_suggestion??''}}<span> 起</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-lists on40 flex">
<div class="titles">
行业搜索行为分析
</div>
<div class="text-boxs no-bgs no-bgs1">
<div class="ht-text-lists-boxs flex">
<div class="ht-text-lists">
<div class="ht-text-boxs ons">
<div class="ht-text-titles">
自然排名点击占比
</div>
<div class="ht-t-lists bold flex">
{{$keyWoldInfo->natural_ranking_percentage ?:'/'}}
</div>
</div>
</div>
<div class="ht-text-lists">
<div class="ht-text-boxs ons">
<div class="ht-text-titles">
竞价点击占比
</div>
<div class="ht-t-lists bold flex">
{{$keyWoldInfo->proportion_of_bidding?:'/'}}
</div>
</div>
</div>
<div class="ht-text-lists">
<div class="ht-text-boxs ons">
<div class="ht-text-titles">
同时点击占比
</div>
<div class="ht-t-lists bold flex">
{{$keyWoldInfo->simultaneous_proportion?:'/'}}
</div>
</div>
</div>
<div class="ht-text-lists">
<div class="ht-text-boxs ons">
<div class="ht-text-titles">
未点击占比
</div>
<div class="ht-t-lists bold flex">
{{$keyWoldInfo->proportion_not_clicked?:'/'}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sep-container">
<div class="p-boxs ons flex">
<div class="p-lists on39 flex">
<div class="titles">
行业时间趋势图分析
</div>
<div class="text-boxs no-bgs no-bgs1">
<div class="ht-text-boxs">
<div id="main1" style="width:100%;height: 322px;"></div>
</div>
</div>
</div>
<div class="p-lists on61 flex">
<div class="titles">
行业设备情况分析
</div>
<div class="text-boxs no-bgs no-bgs1">
<div class="ht-text-lists-boxs ons1 flex">
<div class="ht-text-lists">
<div class="ht-text-boxs ons1">
<div class="ht-text-titles">
移动设备
</div>
<div class="ht-t-lists bold flex">
<div class="ims-lists-boxs">
<div class="i-imgs flex">
<img src="{{asset('img/order-evaluation/i-m-img1.png')}}" title="移动设备"
alt="移动设备">
</div>
<span>
{{$keyWoldInfo->mobile_devices??'/'}}
</span>
</div>
</div>
</div>
</div>
<div class="ht-text-lists">
<div class="ht-text-boxs ons1">
<div class="ht-text-titles">
平板电脑
</div>
<div class="ht-t-lists bold flex">
<div class="ims-lists-boxs">
<div class="i-imgs flex">
<img src="{{asset('img/order-evaluation/i-pb-img1.png')}}" title="平板电脑"
alt="平板电脑">
</div>
<span>
{{$keyWoldInfo->tablet_pc??'/'}}
</span>
</div>
</div>
</div>
</div>
<div class="ht-text-lists">
<div class="ht-text-boxs ons1">
<div class="ht-text-titles">
桌面设备
</div>
<div class="ht-t-lists bold flex">
<div class="ims-lists-boxs">
<div class="i-imgs flex">
<img src="{{asset('img/order-evaluation/i-pc-img1.png')}}" title="桌面设备"
alt="桌面设备">
</div>
<span>
{{$keyWoldInfo->desktop_device??'/'}}
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sep-container">
<div class="p-boxs flex">
<div class="p-lists flex">
<div class="titles">
行业区域搜索热度分析
</div>
<div class="text-boxs no-bgs flex">
<div class="m-boxs flex">
<div class="lists">
<div id="main" style="width:100%;height:400px;"></div>
</div>
<div class="lists">
<div class="sep-jdt-ul-boxs">
@foreach($country as $key=>$item)
@if($key<5)
<div class="jdt-lists flex">
<div class="nums">
<div class="imgs">
<img src="{{asset('img/order-evaluation/i-c-img-05.png')}}"
title=""
alt="">
</div>
<div class="n-titles">
{{$key+1}}
</div>
</div>
<div class="n-china">
{{$item['name']??''}}
</div>
<div class="jdt-boxs">
<div class="j-lists" style="width: {{$item['value']}}%;">
</div>
</div>
<div class="span">
{{$item['value']??0}}%
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sep-container">
<div class="p-boxs flex">
<div class="p-lists on50 flex">
<div class="titles">
相关主题
</div>
<div class="text-boxs flex he468">
<div class="sep-zt-ul-boxs">
@foreach($relatedTopic as $key=>$item)
<div class="zt-lists flex">
<div class="nums">
{{$key+1}}
</div>
{{$item['topic']['title']??''}}
<span class="span">
{{$item['value']??0}}
</span>
</div>
@endforeach
</div>
</div>
</div>
<div class="p-lists on50 flex ">
<div class="titles">
相关查询
</div>
<div class="text-boxs flex he468">
<div class="sep-zt-ul-boxs">
@foreach($relatedInformation as $key=>$item)
<div class="zt-lists flex">
<div class="nums">
{{$key+1}}
</div>
{{$item['query']??''}}
<span class="span">
{{$item['value']??0}}
</span>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sep-hxc-body">
<div class="sep-container1">
<div class="hxc-header-boxs">
<div class="titles-a">
{{$keyWoldInfo->keyword??''}}
</div>
<div class="titles-a bold">
引擎力优化师行业研究报告
</div>
</div>
</div>
<div class="sep-container1">
<div class="p-boxs ons flex">
<div class="p-lists on60 flex">
<div class="hxc-titles bold">
网站架构
</div>
<div class="text-boxs ons1">
<div class="nums bold">
01
</div>
<div class="titles-a bold">
产品主维度
</div>
<div class="richtext h-ons">
<p><b>产品维度清晰有助于谷歌蜘蛛对网站进行更好的爬取，也便于用户更快地找到所需产品。</b>
<p>{!!$keyWoldInfo->product_main_dimension??''!!}</p>
</div>
<div class="titles-a bold ons">
次级维度
</div>
<div class="richtext h-ons">
<p><b>除了常见产品维度外，增设同行暂未优化的维度可以提升网站竞争力，从而覆盖更多用户的搜索习惯。</b></p>
<p>{!!$keyWoldInfo->product_secondary_dimension??''!!}</p>
</div>
</div>
</div>
<div class="p-lists on40 flex">
<div class="hxc-titles bold">
网站建设
</div>
<div class="text-boxs">
<div class="nums bold">
02
</div>
<div class="titles-a bold">
网站功能优化
</div>
<div class="richtext h-ons">
<p>引擎力优化师建议网站可以增设一些小功能模块，比如型号搜索功能，产品对比功能，筛选功能等网站的这些小功能不但能提升客户使用体验，同时也可以获得更多谷歌的曝光展示机会。</p>
</div>
</div>
<div class="text-boxs">
<div class="nums bold">
</div>
<div class="titles-a bold">
SEO代码优化
</div>
<div class="richtext h-ons">
<p><b>引擎力优化师结合谷歌最新优化规则,梳理一系列技术性SEO优化方法</b></p>
<p>1.Title Meta信息优化:SEO优化的核心要素</p>
<p>2.网页H标签优化:是除了title标签之外权重最高的页面标签</p>
<p>3.结构化数据优化:符合谷歌搜索需求，可以在搜索结果中呈现更丰富的内容</p>
</div>
</div>
</div>
</div>
</div>
<div class="sep-container1">
<div class="p-boxs ons flex">
<div class="p-lists">
<div class="hxc-titles bold">
关键词研究与分析
</div>
<div class="p-p-boxs flex">
<div class="p-p-lists flex ons">
<div class="text-boxs">
<div class="nums bold">
03
</div>
<div class="titles-a bold">
关键词筛选建议
</div>
<div class="richtext h-ons">
<p><b>多维度拓展筛选关键词，尽可能涵盖更多客户群体，缩小流量缺口：</b></p>
{!!$keyWoldInfo->keyword_screening_suggestions??''!!}
</div>
</div>
</div>
<div class="p-p-lists flex ons">
<div class="text-boxs">
<div class="nums bold">
</div>
<div class="titles-a bold">
关键词布局建议
</div>
<div class="richtext h-ons">
<p><b>Title 核心关键词尽量不要将其拆分，放越前面越好；考虑上词情况，尽量覆盖不同类型关键词；品牌词有搜索量的在title中体现；Description
突出产品特点、公司实力和目标客户定位，同时强调下有搜索量的关键词。</b></p>
{!!$keyWoldInfo->keyword_layout_suggestions??''!!}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sep-container1">
<div class="p-boxs ons flex">
<div class="p-lists">
<div class="hxc-titles bold">
网站资料建议
</div>
<div class="p-p-boxs flex">
<div class="p-p-lists flex ons40">
<div class="text-boxs">
<div class="nums bold">
04
</div>
<div class="titles-a bold">
图片
</div>
<div class="richtext h-ons">
<p>图片统一尺寸，建议多元化的图片类型，如产品图，场景图，设计图纸，3D图等高清的图片资源，有利于提升客户体验，并刺激图片收录与排名。</p>
</div>
<div class="titles-a ons bold">
参数表格
</div>
<div class="richtext h-ons">
<p>展示产品多维度参数。表格结构简单，分隔明确，可保证信息可读性，易于用户快速浏览并获取内容。</p>
</div>
</div>
</div>
<div class="p-p-lists flex ons60">
<div class="text-boxs">
<div class="nums bold">
</div>
<div class="titles-a bold">
产品文案
</div>
<div class="richtext h-ons">
<p>
<b>根据以往的优化经验，引擎力优化师发现，谷歌更青睐拥有丰富内容的页面，且网站需要专业的文案来体现公司的实力和可靠性，因此在文案提供时需要对产品进行多维度的描写补充。</b>
</p>
{!!$keyWoldInfo->product_copywriting??''!!}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sep-container1">
<div class="p-boxs ons flex">
<div class="p-lists on50 flex">
<div class="hxc-titles bold">
行业资源偏好
</div>
<div class="text-boxs ons2">
<div class="nums bold">
05
</div>
<div class="titles-a bold">
PDF资源
</div>
<div class="richtext h-ons">
<p>1. PDF文本涵盖相关公司及联系信息</p>
<p>2. PDF文本类型多元化，例如操作手册，产品介绍等</p>
</div>
<div class="titles-a bold ons">
Video资源
</div>
<div class="richtext h-ons">
<p>1. Video 制作: 横向拍摄，时间节点设置，字幕与配音</p>
<p>2. Video内容形式多元化，公司宣传，产品生成与操作等</p>
</div>
</div>
</div>
<div class="p-lists on50 flex">
<div class="hxc-titles bold">
站外推广
</div>
<div class="text-boxs ons2">
<div class="nums bold">
06
</div>
<div class="titles-a bold">
外链评估
</div>
<div class="richtext h-ons">
<p>高收录率外链平台注册发布;以质取胜,提升网站站外曝光。</p>
</div>
<div class="titles-a ons bold">
社交推广
</div>
<div class="richtext h-ons">
<p>行业建议推广平台: Facebook, LinkedIn, Twitter打造专业品牌形象，促进流量沉淀与转化</p>
</div>
</div>
</div>
</div>
</div>
<div class="sep-container1" {{--id="renderPdf"--}}>
<div class="hynd-boxs">
<div class="titles-t bold">
行业难点分析
</div>
<div class="richtext">
{!!$keyWoldInfo->industry_difficulties_analysis??''!!}
</div>
<div class="p-down">
<div class="t-boxs">
<div class="i-imgs">
<img src="{{asset('img/order-evaluation/code.jpg')}}" title="" alt="">
</div>
<div class="span">
扫描二维码让服务更简单
</div>
</div>
</div>
</div>
</div>
</div>
<div class="back_top" id="renderPdf">
<img src="{{asset('img/order-evaluation/download.png')}}">
</div>
<script src="{{asset('js/plugins/google-trends-echarts/jquery.min.js')}}"></script>
<script src="{{asset('js/plugins/google-trends-echarts/jquery.jqprint-0.3.js')}}"></script>
<script src="{{asset('js/plugins/google-trends-echarts/echarts.min.js')}}"></script>
<script src="{{asset('js/plugins/google-trends-echarts/world.js')}}"></script>
<script src="{{asset('js/plugins/google-trends-echarts/wonderland.js')}}"></script>
<script src="{{asset('js/plugins/google-trends-echarts/html2canvas.js')}}"></script>
<script src="{{asset('js/plugins/google-trends-echarts/jsPdf.debug.js')}}"></script>
<script>
$(window).scrollTop(0);
$(window).scroll(function () {
var scrollHeight = $(window).height() / 3;
if ($(window).scrollTop() > scrollHeight) {
$(".back_top").addClass("active");
} else {
$(".back_top").removeClass("active");
}
});
var downPdf = document.getElementById("renderPdf");
downPdf.onclick = function () {
$(".back_top").removeClass("active");
window.pageYoffset = 0;
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0; //点击时导航栏 滚动条提升到顶部。
html2canvas(document.body, {
onrendered: function (canvas) {
var contentWidth = 760;
var contentHeight = 2145;
//一页pdf显示html页面生成的canvas高度;
var pageHeight = contentWidth / 595.28 * 841.89;
//未生成pdf的html页面高度
var leftHeight = contentHeight;
//pdf页面偏移
var position = 0;
//a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
var imgWidth = 595.28;
var imgHeight = 595.28 / contentWidth * contentHeight;
var pageData = canvas.toDataURL('image/jpeg', 1.0);
var pdf = new jsPDF('p', 'pt', 'a4');
//有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
//当内容未超过pdf一页显示的范围，无需分页
if (leftHeight < pageHeight) {
pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
} else {
while (leftHeight > 0) {
pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
leftHeight -= pageHeight;
position -= 841.89;
//避免添加空白页
if (leftHeight > 0) {
pdf.addPage();
}
}
}
pdf.save('引擎力核心词分析报告-{{$keyWoldInfo->keyword??''}}.pdf');
}
})
}
var chartDom1 = document.getElementById('main1');
var myChart1 = echarts.init(chartDom1, 'wonderland');
var option1;
option1 = {
color: ['#FFBF00'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['分数']
},
/* toolbox: {
feature: {
saveAsImage: {}
}
},*/
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: JSON.parse('{!!json_encode($dateList['date']??[])!!}')
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: '分数',
type: 'line',
stack: 'Total',
smooth: true,
lineStyle: {
width: 0
},
showSymbol: false,
label: {
show: true,
position: 'top'
},
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#335678'
},
{
offset: 1,
color: '#2276c8'
}
])
},
emphasis: {
focus: 'series'
},
data: JSON.parse('{!!json_encode($dateList['value']??[])!!}')
}
]
};
// 使用制定的配置项和数据显示图表
myChart1.setOption(option1);
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var nameMap = {
Afghanistan: '阿富汗',
Singapore: '新加坡',
Angola: '安哥拉',
Albania: '阿尔巴尼亚',
'United Arab Emirates': '阿联酋',
Argentina: '阿根廷',
Armenia: '亚美尼亚',
'French Southern and Antarctic Lands':
'法属南半球和南极领地',
Australia: '澳大利亚',
Austria: '奥地利',
Azerbaijan: '阿塞拜疆',
Burundi: '布隆迪',
Belgium: '比利时',
Benin: '贝宁',
'Burkina Faso': '布基纳法索',
Bangladesh: '孟加拉国',
Bulgaria: '保加利亚',
'The Bahamas': '巴哈马',
'Bosnia and Herzegovina': '波斯尼亚和黑塞哥维那',
Belarus: '白俄罗斯',
Belize: '伯利兹',
Bermuda: '百慕大',
Bolivia: '玻利维亚',
Brazil: '巴西',
Brunei: '文莱',
Bhutan: '不丹',
Botswana: '博茨瓦纳',
'Central African Republic': '中非共和国',
Canada: '加拿大',
Switzerland: '瑞士',
Chile: '智利',
China: '中国',
'Ivory Coast': '象牙海岸',
Cameroon: '喀麦隆',
'Democratic Republic of the Congo': '刚果民主共和国',
'Republic of the Congo': '刚果共和国',
Colombia: '哥伦比亚',
'Costa Rica': '哥斯达黎加',
Cuba: '古巴',
'Northern Cyprus': '北塞浦路斯',
Cyprus: '塞浦路斯',
'Czech Republic': '捷克共和国',
Germany: '德国',
Djibouti: '吉布提',
Denmark: '丹麦',
'Dominican Republic': '多明尼加共和国',
Algeria: '阿尔及利亚',
Ecuador: '厄瓜多尔',
Egypt: '埃及',
Eritrea: '厄立特里亚',
Spain: '西班牙',
Estonia: '爱沙尼亚',
Ethiopia: '埃塞俄比亚',
Finland: '芬兰',
Fiji: '斐',
'Falkland Islands': '福克兰群岛',
France: '法国',
Gabon: '加蓬',
'United Kingdom': '英国',
Georgia: '格鲁吉亚',
Ghana: '加纳',
Guinea: '几内亚',
Gambia: '冈比亚',
'Guinea Bissau': '几内亚比绍',
Greece: '希腊',
Greenland: '格陵兰',
Guatemala: '危地马拉',
'French Guiana': '法属圭亚那',
Guyana: '圭亚那',
Honduras: '洪都拉斯',
Croatia: '克罗地亚',
Haiti: '海地',
Hungary: '匈牙利',
Indonesia: '印度尼西亚',
India: '印度',
Ireland: '爱尔兰',
Iran: '伊朗',
Iraq: '伊拉克',
Iceland: '冰岛',
Israel: '以色列',
Italy: '意大利',
Jamaica: '牙买加',
Jordan: '约旦',
Japan: '日本',
Kazakhstan: '哈萨克斯坦',
Kenya: '肯尼亚',
Kyrgyzstan: '吉尔吉斯斯坦',
Cambodia: '柬埔寨',
Kosovo: '科索沃',
Kuwait: '科威特',
Laos: '老挝',
Lebanon: '黎巴嫩',
Liberia: '利比里亚',
Libya: '利比亚',
'Sri Lanka': '斯里兰卡',
Lesotho: '莱索托',
Lithuania: '立陶宛',
Luxembourg: '卢森堡',
Latvia: '拉脱维亚',
Morocco: '摩洛哥',
Moldova: '摩尔多瓦',
Madagascar: '马达加斯加',
Mexico: '墨西哥',
Macedonia: '马其顿',
Mali: '马里',
Myanmar: '缅甸',
Montenegro: '黑山',
Mongolia: '蒙古',
Mozambique: '莫桑比克',
Mauritania: '毛里塔尼亚',
Malawi: '马拉维',
Malaysia: '马来西亚',
Namibia: '纳米比亚',
'New Caledonia': '新喀里多尼亚',
Niger: '尼日尔',
Nigeria: '尼日利亚',
Nicaragua: '尼加拉瓜',
Netherlands: '荷兰',
Norway: '挪威',
Nepal: '尼泊尔',
'New Zealand': '新西兰',
Oman: '阿曼',
Pakistan: '巴基斯坦',
Panama: '巴拿马',
Peru: '秘鲁',
Philippines: '菲律宾',
'Papua New Guinea': '巴布亚新几内亚',
Poland: '波兰',
'Puerto Rico': '波多黎各',
'North Korea': '北朝鲜',
Portugal: '葡萄牙',
Paraguay: '巴拉圭',
Qatar: '卡塔尔',
Romania: '罗马尼亚',
Russia: '俄罗斯',
Rwanda: '卢旺达',
'Western Sahara': '西撒哈拉',
'Saudi Arabia': '沙特阿拉伯',
Sudan: '苏丹',
'South Sudan': '南苏丹',
Senegal: '塞内加尔',
'Solomon Islands': '所罗门群岛',
'Sierra Leone': '塞拉利昂',
'El Salvador': '萨尔瓦多',
Somaliland: '索马里兰',
Somalia: '索马里',
'Republic of Serbia': '塞尔维亚',
Suriname: '苏里南',
Slovakia: '斯洛伐克',
Slovenia: '斯洛文尼亚',
Sweden: '瑞典',
Swaziland: '斯威士兰',
Syria: '叙利亚',
Chad: '乍得',
Togo: '多哥',
Thailand: '泰国',
Tajikistan: '塔吉克斯坦',
Turkmenistan: '土库曼斯坦',
'East Timor': '东帝汶',
'Trinidad and Tobago': '特里尼达和多巴哥',
Tunisia: '突尼斯',
Turkey: '土耳其',
'United Republic of Tanzania': '坦桑尼亚',
Uganda: '乌干达',
Ukraine: '乌克兰',
Uruguay: '乌拉圭',
'United States': '美国',
Uzbekistan: '乌兹别克斯坦',
Venezuela: '委内瑞拉',
Vietnam: '越南',
Vanuatu: '瓦努阿图',
'West Bank': '西岸',
Yemen: '也门',
'South Africa': '南非',
Zambia: '赞比亚',
Korea: '韩国',
Tanzania: '坦桑尼亚',
Zimbabwe: '津巴布韦',
Congo: '刚果',
'Central African Rep.': '中非',
Serbia: '塞尔维亚',
'Bosnia and Herz.': '波黑',
'Czech Rep.': '捷克',
'W. Sahara': '西撒哈拉',
'Lao PDR': '老挝',
'Dem.Rep.Korea': '朝鲜',
'Falkland Is.': '福克兰群岛',
'Timor-Leste': '东帝汶',
'Solomon Is.': '所罗门群岛',
Palestine: '巴勒斯坦',
'N. Cyprus': '北塞浦路斯',
Aland: '奥兰群岛',
'Fr. S. Antarctic Lands': '法属南半球和南极陆地',
Mauritius: '毛里求斯',
Comoros: '科摩罗',
'Eq. Guinea': '赤道几内亚',
'Guinea-Bissau': '几内亚比绍',
'Dominican Rep.': '多米尼加',
'Saint Lucia': '圣卢西亚',
Dominica: '多米尼克',
'Antigua and Barb.': '安提瓜和巴布达',
'U.S. Virgin Is.': '美国原始岛屿',
Montserrat: '蒙塞拉特',
Grenada: '格林纳达',
Barbados: '巴巴多斯',
Samoa: '萨摩亚',
Bahamas: '巴哈马',
'Cayman Is.': '开曼群岛',
'Faeroe Is.': '法罗群岛',
'IsIe of Man': '马恩岛',
Malta: '马耳他共和国',
Jersey: '泽西',
'Cape Verde': '佛得角共和国',
'Turks and Caicos Is.': '特克斯和凯科斯群岛',
'St. Vin. and Gren.': '圣文森特和格林纳丁斯'
};
var option;
option = {
tooltip: {
trigger: 'item',
showDelay: 0,
transitionDuration: 0.2,
formatter: function (params) {
var value = (params.value + '').split('.');
var valueStr = value[0].replace(
/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,
'$1,'
);
return params.seriesName + '<br/>' + params.name + ': ' + valueStr;
}
},
visualMap: {
left: 'right',
min: 0,
max: 100,
inRange: {
color: [
'#eeeeee',
'#6cb2f6',
'#4990d5',
'#2276c8'
]
},
text: ['High', 'Low'],
calculable: true
},
/* toolbox: {
show: true,
//orient: 'vertical',
left: 'left',
top: 'top',
feature: {
dataView: {readOnly: false},
restore: {},
saveAsImage: {}
}
},*/
series: [
{
name: '全球',
type: 'map',
roam: true,
map: 'world',
emphasis: {
label: {
show: true
}
},
data: JSON.parse('{!!json_encode($countryList??[])!!}'),
nameMap: nameMap
}
]
};
myChart.setOption(option);
$(".sep-jdt-ul-boxs .jdt-boxs .j-lists").each(function () {
var _wids2 = $(this).width();
if (_wids2 < 30) {
$(this).addClass("ons");
}
});
</script>
</body>
</html>