从 http://www.batteries.com 搜索引擎优化效果谈起

http://www.batteries.com 搜索引擎优化效果谈起

Batteries.com网站优化的经验和教训 是胡菜菜 胡宝介 最新的一篇文章,估计是这是他们的一个外国客户。国内做搜索引擎优化的公司能得到国际客户订单不容易。先祝贺他们。Zunch 已经进入中国了,ses 最近也大力作宣传,希望这个行业能进入良性发展。

为了学习他们的优化案例,我对 batteries.com 的优化结果作了一些分析,数据如下:

1、首先是总体的PR值分布抽样调查:

PR=2 PR=3 PR=4 PR=5
网页数: 1 1 31 40

可以看出pr值集中在4和5之间,至于pr的分布式不是应该像一个正态分布还正在研究中。

2、BATTERIES.COM 的有效关键字大约有 130 个。其中含 battery 的51个, 含 batteries 的 52个。

3、搜索引擎优化,最后的结果看排名,以下是 google 排名前 3,10,20,30 条的统计结果:


前3条的统计结果:

'http://www.priorityelectronics.com', 27
'http://www.batteries.com', 14
'http://www.laptopbattery.net', 12
'http://www.batterymart.com', 11
'http://www.thomas-distributing.com', 10
'http://www.apple.com', 10
'http://www.amazon.com', 9
'http://www.batteryweb.com', 8
'http://www.batterywholesale.com', 7
'http://www.meritline.com', 7
'http://www.energizer.com', 6

在竞争最激烈的前3条竞争中,batteries.com 不如 prioritylectronics.com

前10条的统计结果:

'http://www.batteries.com', 47
'http://www.atbatt.com', 38
'http://www.priorityelectronics.com', 32
'http://www.batterymart.com', 31
'http://www.amazon.com', 30
'http://www.meritline.com', 30
'http://www.batteryweb.com', 20
'http://www.laptopbattery.net', 19
'http://www.thomas-distributing.com', 18
'http://www.apple.com', 16
'http://www.laptopsforless.com', 15

前20条的统计结果:

'http://www.batteries.com', 55
'http://www.atbatt.com', 44
'http://www.amazon.com', 35
'http://www.priorityelectronics.com', 33

'http://www.batterymart.com', 33
'http://www.meritline.com', 31
'http://www.batteryweb.com', 24
'http://www.thomas-distributing.com', 19
'http://www.laptopbattery.net', 19
'http://www.apple.com', 16
'http://www.bizrate.com', 16
'http://www.laptopsforless.com', 16

前30的统计结果:

'http://www.batteries.com', 57
'http://www.atbatt.com', 46
'http://www.amazon.com', 38
'http://www.priorityelectronics.com', 35

'http://www.batterymart.com', 35
'http://www.meritline.com', 32
'http://www.batteryweb.com', 24
'http://www.bizrate.com', 20
'http://www.laptopbattery.net', 19
'http://www.thomas-distributing.com', 19
'http://www.laptopsforless.com', 16
'http://www.apple.com', 16
'http://www.batterybarn.com', 13
'http://www.energizer.com', 12

另外:batteries.com 的html代码的优化似乎并不值得效仿。

o_barriers.jpg



<template> <div> <Breadcrumb /> <SearchBox /> <div class="product-text">{{ model }}</div> <!-- Button Section --> <div class="button-container"> <a href="#" class="btn inquire">Inquire Now</a> <a href="#" class="btn add-basket">Add to basket</a> <a href="#" class="btn inquiry-basket">Inquire Now ({{ basketCount }})</a> </div> <!-- Image and Details Layout --> <div class="layout-container"> <!-- Left Side: Image Gallery with Navigation --> <div class="left-side"> <div class="image-container" @mousemove="handleMouseMove" @mouseleave="resetImage"> <img :src="currentImage" alt="Product Image" class="product-image" /> </div> <div class="image-thumbnails"> <button @click="prevImage" class="arrow-btn"><span class="material-icons">chevron_left</span></button> <div class="thumbnails"> <img v-for="(image, index) in images" :key="index" :src="image" @click="changeImage(image)" class="thumbnail" :class="{'active-thumbnail': image === currentImage}" /> </div> <button @click="nextImage" class="arrow-btn"><span class="material-icons">chevron_right</span></button> </div> </div> <!-- Right Side: Details Section --> <div class="right-side"> <div class="details-box"> <h3>Product Details</h3> <ul> <li><strong>Name:</strong> Example Product</li> <li><strong>Specification:</strong> 10 units</li> <li><strong>Model:</strong> XYZ123</li> <li><strong>Description:</strong> A brief description of the product...</li> <li><strong>Range:</strong> 100m</li> <li><strong>Battery Capacity:</strong> 2500mAh</li> <li><strong>Notes:</strong> Keep away from water</li> <li><strong>Name:</strong> Example Product</li> <li><strong>Specification:</strong> 10 units</li> <li><strong>Model:</strong> XYZ123</li> <li><strong>Description:</strong> A brief description of the product...</li> </ul> </div> </div> </div> <div style="background-color: #f9f9f9;padding-bottom: 30px;margin-top: 30px;"> <div style="text-align: center;font-weight: bold;font-size: 39px;margin: 20px;">Notes on usage and operation</div> <div style="width: 80%;margin-left: 10%;"> <div>IP66/67 waterproof rating</div> <div>Max/Min & Hold functions</div> <div>5-year battery life (10,000 hours)</div> <div>High accuracy to ±0.7°F (±0.4°C)</div> <div>Backlight for dimly lit areas</div> <div>Optional protective rubber boot</div> <div>Use with a variety of type K probes</div> <div>Includes NIST-Traceable calibration certificate</div> <div>Designed for wet workplaces, the Therma Waterproof survives harsh industrial use and offers top thermocouple performance. With an IP rating of IP66/67, this rugged meter can withstand an end-of-shift wash down and still outperform its closest competitor.</div> <div>The Therma Waterproof includes features you'll actually use with Max/Min, display Hold, and a convenient backlight. With a 10,000 hour battery rating you'll only need to change batteries every 5 years. Its large-digit, high-contrast LCD display makes it easy to view readings from a distance.</div> <div>For added protection and convenience, choose from three optional protective rubber boots. Choose our basic silicone boot to protect the Therma Waterproof from drops and bumps. For added convenience, a second boot includes a slot to slide your probe into for storage on the go and a third includes a flip-out stand with magnetic back for hands-free use in the lab or by the grill.</div> <div>We include a NIST-Traceable calibration certificate so you'll know that it's accurate. Tired of replacing handhelds every few months? Switch to the Therma Waterproof and you'll see why this is the workhorse of our Therma handheld series.</div> </div> </div> </div> </template> <script setup> import { useRoute } from 'vue-router' import Breadcrumb from '../../src/components/BreadcrumbModule.vue' import SearchBox from '../../src/components/SearchBoxModule.vue' import { ref,onMounted } from 'vue' const route = useRoute() const model = route.params.model const basketCount = 2 const product = ref(null) const images = ref([]) // Image Gallery Logic // const images = [ // '../../src/assets/device/12.jpg', // '../../src/assets/device/16.jpg', // '../../src/assets/device/15.jpg', // '../../src/assets/device/17.jpg', // '../../src/assets/device/19.jpg' // ] onMounted(() => { try { // 1. 从路由查询参数中获取产品数据字符串 const productStr = route.query.product console.log("productStr==",productStr) console.log("vv==",typeof(productStr)) if (productStr) { // 2. 解析JSON字符串为JavaScript对象 product.value = JSON.parse(productStr) // // 3. 提取图片列表 if (product.value.models.imageList) { images.value = product.value.models.imageList.map(img => img.imageUrl) } else { // 如果没有imageList,使用主图作为默认图片 images.value = [product.value.image || product.value.models.mainImageUrl] } } } catch (error) { console.error("解析产品数据出错:", error) } }) const currentImage = ref(images[0]) const changeImage = (image) => { currentImage.value = image } const prevImage = () => { const currentIndex = images.indexOf(currentImage.value) currentImage.value = images[(currentIndex - 1 + images.length) % images.length] } const nextImage = () => { const currentIndex = images.indexOf(currentImage.value) currentImage.value = images[(currentIndex + 1) % images.length] } const handleMouseMove = (event) => { const container = event.currentTarget; const image = container.querySelector('img'); const { left, top, width, height } = container.getBoundingClientRect(); const offsetX = event.clientX - left; const offsetY = event.clientY - top; const xPercentage = (offsetX / width) * 100; const yPercentage = (offsetY / height) * 100; // Set background position for the zoom effect image.style.transformOrigin = `${xPercentage}% ${yPercentage}%`; image.style.transform = 'scale(1.5)'; }; const resetImage = () => { const image = document.querySelector('.product-image'); image.style.transform = 'scale(1)'; }; </script> <style scoped> .product-text { font-size: 32px; margin: 20px; font-weight: bold; } .button-container { display: flex; gap: 10px; margin-top: 20px; justify-content: flex-end; /* Aligns buttons to the right */ } .btn { padding: 3px 10px; text-decoration: none; border: 1px solid #cd0000; color: #cd0000; font-size: 16px; border-radius: 5px; text-align: center; } .inquire { border: 1px solid gray; color: #8B8682; } .add-basket { /* #F5F5F5 */ background-color: #cd0000; color: white; /* border: 1px solid gray; */ } .inquiry-basket { border: none; color: #8B8682; } .layout-container { display: flex; margin-top: 30px; gap: 10px; } .left-side, .right-side { width: 50%; height: 500px; } .image-container { height: 350px; width: 80%; margin-left: 10%; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; } .product-image { width: 100%; height: auto; object-fit: cover; transition: transform 0.2s ease; /* 添加过渡效果 */ } .image-container:hover .product-image { transform: scale(1.5); /* 放大效果 */ } .image-thumbnails { display: flex; justify-content: center; /* 中间对齐 */ align-items: center; gap: 20px; /* 让箭头和图片之间有适度的间距 */ margin-top: 60px; } .arrow-btn { font-size: 24px; background: transparent; border: none; cursor: pointer; } .thumbnail { width: 60px; height: 60px; margin-left: 5px; object-fit: cover; cursor: pointer; border: 1px solid #EEE9E9; } .thumbnail.active-thumbnail { border: 2px solid #ccc; /* 添加黑色外边框 */ } .thumbnail:first-child { margin-left: 10px; /* 使第一个图片和左箭头更紧密 */ } .thumbnail:last-child { margin-right: 10px; /* 使最后一个图片和右箭头更紧密 */ } .right-side { border: 1px solid #ccc; padding: 20px; overflow-y: auto; } .details-box h3 { margin-bottom: 15px; } .details-box ul { list-style: none; padding: 0; } .details-box li { margin-bottom: 10px; } @media (max-width: 768px) { .layout-container { flex-direction: column; } .left-side, .right-side { width: 100%; } .button-container { flex-direction: column; } } </style> currentImage默认没有显示第一个图片了
07-31
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值