单页应用Single Page Application的SEO(为百度站长平台供稿)

1.单页应用?此SPA不是彼SPA…

我们所说的“单页应用”都为Single Page Application的直译,基本市面上“单页面应用”、“One Page Application”、“SPA”及某些语境下的“webapp ” 都是指这一类移动站点

那么典型的SPA是什么样子?我们用手机看看这条URL,http://cc-ng-z.azurewebsites.net/,可以衍生想象一下乘以N倍的:切换页面无需加载的效果,HTML和JS无法比拟的动画,以及对原生APP的追求…..

07575ECA-35EF-4BBA-81A9-2A5F58D82F82
案例采用了angularJS这个鼎鼎大名的框架

 

关于HTML5及单页应用的处境,推荐以下两篇文章,第二篇实际上是百度UMX写的,但是现在原文删掉了,可以对自己的移动站点在技术架构上有个抉择和处理。

HTML5移动应用开发的生态环境简介

论Web App、Hybrid App以及Native App的设计差异

Continue reading 单页应用Single Page Application的SEO(为百度站长平台供稿)

Categories SEO

Recommendations for building smartphone-optimized websites

日他先人斯巴达

Matt Cutts PubCon 2012 slides

Webmaster level: All

Every day more and more smartphones get activated and more websites are producing smartphone-optimized content. Since we last talked about how to build mobile-friendly websites, we’ve been working hard on improving Google’s support for smartphone-optimized content. As part of this effort, we launched Googlebot-Mobile for smartphones back in December 2011, which is specifically tasked with identifying such content.

Today we’d like to give you Google’s recommendations for building smartphone-optimized websites and explain how to do so in a way that gives both your desktop- and smartphone-optimized sites the best chance of performing well in Google’s search results.

Recommendations for smartphone-optimized sites

The full details of our recommendation can be found in our new help site, which we now summarize.

When building a website that targets smartphones, Google supports three different configurations:

  1. Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google’s recommended configuration.
  2. Sites that dynamically serve all devices on the same set of URLs, but each URL serves different HTML (and CSS) depending on whether the user agent is a desktop or a mobile device.
  3. Sites that have a separate mobile and desktop sites.

Responsive web design

Responsive web design is a technique to build web pages that alter how they look using CSS3 media queries. That is, there is one HTML code for the page regardless of the device accessing it, but its presentation changes using CSS media queries to specify which CSS rules apply for the browser displaying the page. You can learn more about responsive web design from this blog postby Google’s webmasters and in our recommendations.

Using responsive web design has multiple advantages, including:

  • It keeps your desktop and mobile content on a single URL, which is easier for your users to interact with, share, and link to and for Google’s algorithms to assign the indexing properties to your content.
  • Google can discover your content more efficiently as we wouldn’t need to crawl a page with the different Googlebot user agents to retrieve and index all the content.

Device-specific HTML

However, we appreciate that for many situations it may not be possible or appropriate to use responsive web design. That’s why we support having websites serve equivalent content using different, device-specific, HTML. The device-specific HTML can be served on the same URL (a configuration called dynamic serving) or different URLs (such as www.example.com and m.example.com).

If your website uses a dynamic serving configuration, we strongly recommend using the Vary HTTP header to communicate to caching servers and our algorithms that the content may change for different user agents requesting the page. We also use this as a crawling signal for Googlebot-Mobile. More details are here.

As for the separate mobile site configuration, since there are many ways to do this, our recommendation introduces annotations that communicate to our algorithms that your desktop and mobile pages are equivalent in purpose; that is, the new annotations describe the relationship between the desktop and mobile content as alternatives of each other and should be treated as a single entity with each alternative targeting a specific class of device.

These annotations will help us discover your smartphone-optimized content and help our algorithms understand the structure of your content, giving it the best chance of performing well in our search results.

Conclusion

This blog post is only a brief summary of our recommendation for building smartphone-optimized websites. Please read the full recommendation and see which supported implementation is most suitable for your site and users. And, as always, please ask on our Webmaster Help forums if you have more questions.

Categories SEO

笔记:excel结合datanitro

data_nitro关于datanitro

安装

先保证安装了office,它是一个office的插件

python必须2.7版本以上,要不然print用不了,西特。

datanitro下载地址

安装完成,打开excel后看到操作界面

editor:启动一个自带IDE,用于编写python代码

python shell:启动一个shell界面

import:导入脚本,py文件

remove:移除脚本

run:运行脚本

stop:停止脚本运行

docs:打开在线文档

live help:联系客服

Continue reading 笔记:excel结合datanitro

JSON笔记

什么是JSON?

JSON是一种数据格式,一种标准的数据结构,当你通过当今绝大部分API进行查询,他们都会返回JSON格式——拷贝这些查询结果到浏览器看个究竟。

以twitter接口为例:http://search.twitter.com/search.json?q=monkey

插播小广告,有需要<a href="http://www.linkfarmwarrior.com/">站群管理软件</a>的可以看看<a href="http://www.linkfarmwarrior.com/">勇士站群管理软件</a>,SEM9论坛的寒武老师开发的,我试用了一下,批量更新非常快,自定义模块也能自己写,关键是现在优惠期相比其他软件实惠,在公司条件和自己条件允许的状况下推荐一个!

twitter返回了一屏幕关于monkey的JSON格式的tweets,注意JSON格式是多么的可读性强,它实际上基于Javascript的一个子集,如果你熟悉javascript对象,你就能很轻易地理解JSON.

让我们来处理一番数据 Continue reading JSON笔记

如何使用日常硬件和自由软件搭建一个数据中心

换了下博客空间,先前的使用dengshaowei.com赠送的免费空间,一年半过去了,期间为了好管理和更自由一直想搬,但隐隐觉得自己要换套程序也就一直懒得搬。这两天又大量地用了各版本的开源CMS,感觉还是WP方便,难道自己做插件么?索性搬出来了。感谢dengshaowei.com的主人,祝他工作顺利。

插播小广告,有需要站群管理软件的可以看看勇士站群管理软件,SEM9论坛的寒武老师开发的,我试用了一下,批量更新非常快,自定义模块也能自己写,关键是现在优惠期相比其他软件实惠,在公司条件和自己条件允许的状况下推荐一个!

此文是从Hacker News上看到并马克的,感觉很有趣,觉得以后会用到。很多软件在翻的过程了解了一下,可能还不是那么准确。正文如下:

我们是谁?我们做什么?

我们公司叫QuickoLabs,来自印度班加罗尔,我们的产品SearchEnabler是一款付费SEO软件,这款软件主要用于抓取和分析客户的网站并提供建议,帮助他们改善在搜索引擎中的网站排名。

我们的目标是让搜索引擎优化更加方便,为创业者和小企业提供实惠的价格,为了实现我们的目标,我们希望确保最低的成本但不影响产品的品质。

Continue reading 如何使用日常硬件和自由软件搭建一个数据中心