Angular.JS项目的SEO优化

时间:2017-01-16 11:46:17

标签: angularjs seo

家伙!需要帮助。我正在开发一个关于Angular的项目,我的PM要求我进行SEO优化。我不知道从哪里开始。你能告诉我一个代码示例吗?

1 个答案:

答案 0 :(得分:-1)

首先,您应该形成标题元标记和描述。

const metaTags = {
    get(metaTagName) {
        switch (metaTagName) {
            case `titleMeta`:
                return angular.element(`meta[property="og:title"]`);
            case `descriptionMeta`:
                return angular.element(`meta[property="og:description"], meta[name="description"]`);
        }
    }

}

现在,你必须创建一个函数,它将通过参数以字符串的形式接收我们的标题。

const metaTags = {
    get(metaTagName) {
        switch (metaTagName) {
            case `titleMeta`:
                return angular.element(`meta[property="og:title"]`);
            case `descriptionMeta`:
                return angular.element(`meta[property="og:description"], meta[name="description"]`);
        }
    },

    set({ title, description }) {
        if (!angular.isUndefined(title)) {
            this.get(`titleMeta`).prop(`content`, title);
        }
        if (!angular.isUndefined(description)) {
            this.get(`descriptionMeta`).prop(`content`, description);
        }
    }
}

通过了第一步。本文将帮助您非常快速,轻松地完成SEO优化过程。 http://computoolsglobal.com/blog/angular-seo-optimization/