Text in div
-
When you use text in a div like this: <div id="container"> <h1 id="doc-header">Your Business in your Location - Your Services</h1> <p>Top industries are getting hit.p> <div id="branding"> <a href="#"> <img id="logo" src="images/logo.png" alt="Your Site" /> </a> </div> Are there SEO consequences when you put text in divs?
-
Almost every piece of text on my sites is within some kind of div. There's nothing wrong with using divs at all!
However, if you were trying to hide the text within a div for manipulative purposes then this would be against Google TOS.
-
Why shouldn't you place your text in divs??
Just make sure your font color isn't the same as the div's background
that isn't a good idea...
-
Looks like correct usage of Divs to me!
-
Valid markup can help the crawlability of your page and should also be encouraged as far as usability is concerned. But there's no difference in SEO if you add or remove a div tag. If you want to emphasize keywords on your page you might consider using "strong" or "em" tags. Also h tags e.g. h1, h2, ... have effect on SEO, although not the big effect it used to have some years ago.
-
So if u put your text in a div this has no effects for SEO?
-
What do you mean by saying "a div in place of normal text"? Apart from that, what's that got to do with CSS? All I see is valid markup and that's how wegpages should look.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Google adding text to SERP title which isn't relevant
Hi guys, I have a site with around 300 articles on it and these articles came from three old domains which were migrated during a Wordpress domain migration almost four months back. There The problem I'm having is that for quite a lot of the articles in the SERP, Google is adding '- Maine Coons' to the end of the title. One of our old domains was related to this breed of cat so at least in Google's eyes it must have something to do with this I guess. I've attached a screenshot that shows one such example. What's odd is a lot of the new content that has been created also has this suffix added and it doesn't show in any other search engine. So, it doesn't appear in other search engines and it's not coming from the article itself (proved also via developer tools inspecting the code). So, Google is adding it but as you can see in this example (there are many more) it has absolutely no relevance to the post. Has anyone seen this behavior or have any idea how to fix it? I've tried all kinds of things and have even hired SEO 'experts' that haven't been able to see any problems. Any clues? Thanks, Matt K71Y3P9
Technical SEO | | mattpettitt0 -
Do search engines treat masked text differently than solid color fonts?
In my attempt to decrease page load times, I ditched my custom fonts for google fonts. I figured out how to apply CSS mask-image to make this blazing fast loading google font have a chalk texture, which was an awesome improvement over the 3-5 second load times for those locally hosted web fonts. I've read that Google penalize a site for poor contrast ratios between the background and text, but do search engines go by CSS or do they somehow compare the actual rendered site as an image? Using CSS mask-image to give my text that chalk appearance does produce minor transparent patches in text. So have I saved 3 seconds on page load just to have search engines knock points off for funky text issues? All input welcome. The temporary site is here. https://website-1b14f.firebaseapp.com/ Kevin
Technical SEO | | kwoolf0 -
Disavowing Links: Over-optimized Anchor Text
If a site has been effected by Penguin, and the main issue is over-optimized anchor text. Would the disavow file take care of this? If there is a no-follow added to the link when Google next crawls the site, wouldn't you still have the optimized anchor text in your profile?
Technical SEO | | inhouseseo0 -
Will multiple internal links with the same anchor text hurt a site's ranking?
Hello, I just watched this video from the Google Webmasters channel at YouTube: http://www.youtube.com/watch?v=6ybpXU0ckKQ My question: If a site is built up on subdomains, will linking the different subdomains with exact anchor text hurt the site's ranking? Thanks
Technical SEO | | arnoldwender0 -
Is alt text inside an img tag inside an h1 the same weight as text directly inside the h1?
Right now I use a background image and CSS to tie the h1 tag to my logo on each page. However, I am concerned that may not be best practice. Plus, I am interested in using schema markup on my logo. So, my question is, if I use an image with alt text inside my h1 tag, will the alt text carry as much weight as a text-based h1?
Technical SEO | | Avalara0 -
Same image file with different alt text?
I have an image that represents 'widgets'. The image works for more than one kind of widget. I have two pages, one optimized for 'blue widgets' and one optimized for 'red widgets'. I would like to use the same 'widgets' image on both pages but change the alt text to be 'blue widgets' or 'red widgets' depending on the page it is used on. Should I: (1) use the same image on different pages with different alt text. (2) duplicate the image file and have two copies 'red_widgets.jpg' and 'blue_widgets.jpg' and then use each copy on the page optimized for the corresponding phrase. (3) create distinct, unique image files (where the pixels are different, not just the file names) for each kind of widget. This is a simplified example of a larger SEO problem where I have 1 image that can be useful on 20 pages that are each optimized for 20 different phrases. Should I use the same image with 20 different alt tags, or create 20 identical (but renamed) copies of the image, or create 20 slightly different image files (with different pixels in each image)? Thanks.
Technical SEO | | scanlin0 -
Replace Header Text With Image
I have a static website that I would like to retheme. I have the mockup, and its spliced. The website holds nice rankings right now, and I want to keep them in place. The one thing that will change with this new design is the header will no longer be text, but instead an image. Is there a way to ensure googlebot still sees the H1 tag header exactly how it is now but use an image for the header instead? I dont want any blackhat tricks that will get me banned. Just wondering if there is a simple way to have googlebot see the header as text (not ALT img txt) so the site does not appear to have changed at all. (It hasnt, I only am changing the graphics and colors of background, and header image for better branding.
Technical SEO | | getbigyadig0 -
Title tag same text as H1?
What is the group's opinion on whether or not the <title>tag should have the exact same text as the <h1> tag on the same page? Obviously both should contain the phrase that page is optimized for but is it better to have them be variants of each other, or both the same and maybe equal to the key phrase that page is optimized for? Thanks.</p> <p>Example:</p> <blockquote style="background: none repeat scroll 0% 0% #f7f7f7; padding-top: 5px; margin-left: 0px; padding-left: 2px; padding-bottom: 5px; white-space: nowrap; overflow-y: auto; font-family: monospace;"> <p>title: los angeles blue widgets</p> <p>h1: los angeles blue widgets</p> </blockquote> <p>Or,</p> <blockquote style="background: none repeat scroll 0% 0% #f7f7f7; padding-top: 5px; margin-left: 0px; padding-left: 2px; padding-bottom: 5px; white-space: nowrap; overflow-y: auto; font-family: monospace;"> <p>title: los angeles blue widgets</p> <p>h1: blue widgets in los angeles</p> </blockquote> <p>Where the page is trying to optimize for "los angeles blue widgets"</p></title>
Technical SEO | | scanlin0