HTML/CSS for SEO Setting Optimization

  • Unknown's avatar
    screenagerk · Member ·

    Hi, I need some help here.

    1.
    I would like to remain everything for the current page (Grid Template) but customize the Header Title to
    i. Non-Fully-Capitalized Title with bigger font size
    ii. making the title to a button-minimal as below.
    Bread n Butter.
    iii. A short description display below the above button
    “Delicacy – Adventure – Fashion – Beauty – Lifestyle”

    2.
    Other than this, appreciate if you can advise how can I optimize my SEO setting with below with my css:
    – Title Tag
    – Meta Description
    – Meta Keyword
    – Header Tag (H1 tag of every page)

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    I’ll look at your questions separately.

    I would like to remain everything for the current page (Grid Template) but customize the Header Title to
    i. Non-Fully-Capitalized Title with bigger font size

    Do you mean the page title itself, or individual titles on each grid item?

    If you mean the page title, this will enlarge the font on all pages using the Grid Template and remove the all-caps:

    .page-template-grid-page .entry-title {
  text-transform: inherit;
  font-size: 30px;
}
  • kathrynwp · Staff ·

    ii. making the title to a button-minimal as below.
    Bread n Butter.

    I’m not sure what you mean by this. Could you please clarify what you’d like to do here?

  • kathrynwp · Staff ·

    iii. A short description display below the above button
    “Delicacy – Adventure – Fashion – Beauty – Lifestyle”

    Are you trying to add text above the blog stream on this page?

    https://ineedbread.wordpress.com/blog/

    There isn’t a spot to add text there, but you could “fake” it with something like this:

    .blog .site-main:before {
  content: "Delicacy - Adventure - Fashion - Beauty - Lifestyle";
}
  • kathrynwp · Staff ·

    Other than this, appreciate if you can advise how can I optimize my SEO setting with below with my css:
    – Title Tag
    – Meta Description
    – Meta Keyword
    – Header Tag (H1 tag of every page)

    While those things don’t have anything to do with custom CSS, I’ll try to point you in the right direction.

    The title tag is pulled from the page or post title.

    There isn’t a place to add a specific meta description or meta keywords. (Meta keywords haven’t been used by search engines since the 1990s, so I wouldn’t worry about those too much.)

    Heading tags are added automatically within each theme.

    You can learn more about SEO on WordPress.com here:

    https://en.support.wordpress.com/search-engines/

    All About SEO on WordPress.com

    SEO and Your Blog

    Increase Your Site’s Traffic

    If you have further questions about this, please post in the general support forum, as SEO isn’t CSS-related. Thanks!

    https://en.forums.wordpress.com/forum/support

  • The topic ‘HTML/CSS for SEO Setting Optimization’ is closed to new replies.